【独家分享】全面解析js中event事件,让你成为事件处理专家

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.pageX / event.pageY 到整个网页的值

event.preventDefault(); 阻止默认

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.ctrlKey 按ctr时,返回true,否则返回false

      event.shiftKey 按shift时,返回true,否则返回false

      event.keyCode 返回键值的编码值

【惊喜大放送】js中event事件的10个妙用,让你眼界大开!

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.pageX / event.pageY 到整个网页的值

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.preventDefault(); 阻止默认

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.keyCode 返回键值的编码值

      event.shiftKey 按shift时,返回true,否则返回false

      event.ctrlKey 按ctr时,返回true,否则返回false

【高能预警】js中event事件的隐藏技巧,你绝对不能错过!

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.pageX / event.pageY 到整个网页的值

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.preventDefault(); 阻止默认

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.keyCode 返回键值的编码值

      event.ctrlKey 按ctr时,返回true,否则返回false

      event.shiftKey 按shift时,返回true,否则返回false

【一网打尽】深入剖析js中event事件的10个关键要点

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.pageX / event.pageY 到整个网页的值

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.preventDefault(); 阻止默认

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.shiftKey 按shift时,返回true,否则返回false

      event.keyCode 返回键值的编码值

      event.ctrlKey 按ctr时,返回true,否则返回false

【助你解惑】js中event事件的最佳实践,让你事半功倍!

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.pageX / event.pageY 到整个网页的值

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.preventDefault(); 阻止默认

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.keyCode 返回键值的编码值

      event.shiftKey 按shift时,返回true,否则返回false

      event.ctrlKey 按ctr时,返回true,否则返回false

"JavaScript的Event事件:深入挖掘如何应对10大挑战"

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.pageX / event.pageY 到整个网页的值

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.preventDefault(); 阻止默认

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.keyCode 返回键值的编码值

      event.ctrlKey 按ctr时,返回true,否则返回false

      event.shiftKey 按shift时,返回true,否则返回false

"解密JavaScript Event事件:10个你不知道的神奇技巧"

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.pageX / event.pageY 到整个网页的值

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.preventDefault(); 阻止默认

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.shiftKey 按shift时,返回true,否则返回false

      event.ctrlKey 按ctr时,返回true,否则返回false

      event.keyCode 返回键值的编码值

"一键搞定JavaScript Event事件:10个轻松优化代码的秘籍"

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.pageX / event.pageY 到整个网页的值

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.preventDefault(); 阻止默认

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.ctrlKey 按ctr时,返回true,否则返回false

      event.keyCode 返回键值的编码值

      event.shiftKey 按shift时,返回true,否则返回false

"实战精通JavaScript Event事件:10个编程高手必须知道的策略"

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.pageX / event.pageY 到整个网页的值

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.preventDefault(); 阻止默认

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.shiftKey 按shift时,返回true,否则返回false

      event.ctrlKey 按ctr时,返回true,否则返回false

      event.keyCode 返回键值的编码值

"悬念揭晓!探索JavaScript Event事件背后的10个隐藏秘密"

event事件

event事件的兼容 如:var ev = ev || event;

event.currentTarget 事件绑定的元素

event.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.pageX / event.pageY 到整个网页的值

event.clientX / event.clientY : 鼠标到页面可视区(屏幕),左边/顶部的距离 (只有数字,没有单位)

event.stopPropagation() 阻止冒泡 标准浏览器
event.cancelBubble = true 阻止冒泡 只支持IE
event.stopImmediatePropagation() 阻止冒泡,阻止本身的事件(阻止在该语句之后的事件,之前的事件无法阻止) 标准浏览器

event.preventDefault(); 阻止默认

return false;阻止默认行为、阻止冒泡 只能阻止obj.on事件名称=fn 、attachEvent(IE)所触发的默认行为

event.which 键盘的键值、鼠标值 keydown、keyup、mousedown、mouseup事件中使用

      鼠标左键、滚轮、鼠标右键分别对应1、2、3(测鼠值时必须使用mousedown、或者mouseup,否则出现问题)

      event.ctrlKey 按ctr时,返回true,否则返回false

      event.keyCode 返回键值的编码值

      event.shiftKey 按shift时,返回true,否则返回false

1112131415 共13562条