Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

event listeners - useCapture: false

Browse Source 
jquery does it this way, one listener required it.
This commit is contained in:
James Campos 2011-06-13 18:04:18 -07:00
parent f833fc7575
commit 4292e762c0
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
4chan_x.user.js
View File

@ -169,7 +169,7 @@
if ((_ref4 = el.querySelector('div.move a[name=close]')) != null) { if ((_ref4 = el.querySelector('div.move a[name=close]')) != null) {
_ref4.addEventListener('click', (function() { _ref4.addEventListener('click', (function() {
return el.parentNode.removeChild(el); return el.parentNode.removeChild(el);
}), true); }), false);
} }
return el; return el;
}, },
@ -178,8 +178,8 @@
e.preventDefault(); e.preventDefault();
ui.el = el = this.parentNode; ui.el = el = this.parentNode;
d = document; d = document;
d.addEventListener('mousemove', ui.drag, true); d.addEventListener('mousemove', ui.drag, false);
d.addEventListener('mouseup', ui.dragend, true); d.addEventListener('mouseup', ui.dragend, false);
rect = el.getBoundingClientRect(); rect = el.getBoundingClientRect();
ui.dx = e.clientX - rect.left; ui.dx = e.clientX - rect.left;
ui.dy = e.clientY - rect.top; ui.dy = e.clientY - rect.top;
@ -216,8 +216,8 @@
localStorage["" + id + "Left"] = el.style.left; localStorage["" + id + "Left"] = el.style.left;
localStorage["" + id + "Top"] = el.style.top; localStorage["" + id + "Top"] = el.style.top;
d = document; d = document;
d.removeEventListener('mousemove', ui.drag, true); d.removeEventListener('mousemove', ui.drag, false);
return d.removeEventListener('mouseup', ui.dragend, true); return d.removeEventListener('mouseup', ui.dragend, false);
}, },
hover: function(e) { hover: function(e) {
var bot, clientHeight, clientWidth, clientX, clientY, el, height, top, _ref; var bot, clientHeight, clientWidth, clientX, clientY, el, height, top, _ref;
@ -371,10 +371,10 @@
return el; return el;
}, },
bind: function(el, eventType, handler) { bind: function(el, eventType, handler) {
return el.addEventListener(eventType, handler, true); return el.addEventListener(eventType, handler, false);
}, },
unbind: function(el, eventType, handler) { unbind: function(el, eventType, handler) {
return el.removeEventListener(eventType, handler, true); return el.removeEventListener(eventType, handler, false);
}, },
isDST: function() { isDST: function() {
/* /*

14
script.coffee
View File

@ -84,15 +84,15 @@ ui =
if top then el.style.top = top else el.style.bottom = '0px' if top then el.style.top = top else el.style.bottom = '0px'
el.querySelector('div.move')?.addEventListener 'mousedown', ui.dragstart, false el.querySelector('div.move')?.addEventListener 'mousedown', ui.dragstart, false
el.querySelector('div.move a[name=close]')?.addEventListener 'click', el.querySelector('div.move a[name=close]')?.addEventListener 'click',
(-> el.parentNode.removeChild(el)), true (-> el.parentNode.removeChild(el)), false
el el
dragstart: (e) -> dragstart: (e) ->
#prevent text selection #prevent text selection
e.preventDefault() e.preventDefault()
ui.el = el = @parentNode ui.el = el = @parentNode
d = document d = document
d.addEventListener 'mousemove', ui.drag, true d.addEventListener 'mousemove', ui.drag, false
d.addEventListener 'mouseup', ui.dragend, true d.addEventListener 'mouseup', ui.dragend, false
#distance from pointer to el edge is constant; calculate it here. #distance from pointer to el edge is constant; calculate it here.
# XXX opera reports el.offsetLeft / el.offsetTop as 0 # XXX opera reports el.offsetLeft / el.offsetTop as 0
rect = el.getBoundingClientRect() rect = el.getBoundingClientRect()
@ -125,8 +125,8 @@ ui =
localStorage["#{id}Left"] = el.style.left localStorage["#{id}Left"] = el.style.left
localStorage["#{id}Top"] = el.style.top localStorage["#{id}Top"] = el.style.top
d = document d = document
d.removeEventListener 'mousemove', ui.drag, true d.removeEventListener 'mousemove', ui.drag, false
d.removeEventListener 'mouseup', ui.dragend, true d.removeEventListener 'mouseup', ui.dragend, false
hover: (e) -> hover: (e) ->
{clientX, clientY} = e {clientX, clientY} = e
{el} = ui {el} = ui
@ -233,9 +233,9 @@ $.extend $,
$.extend el, properties if properties $.extend el, properties if properties
el el
bind: (el, eventType, handler) -> bind: (el, eventType, handler) ->
el.addEventListener eventType, handler, true el.addEventListener eventType, handler, false
unbind: (el, eventType, handler) -> unbind: (el, eventType, handler) ->
el.removeEventListener eventType, handler, true el.removeEventListener eventType, handler, false
isDST: -> isDST: ->
# XXX this should check for DST in NY # XXX this should check for DST in NY
### ###