JS中的event事件:掌握这些技巧,让你成为编程的巅峰大师!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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.shiftKey 按shift时,返回true,否则返回false

      event.keyCode 返回键值的编码值

深入解读JS中的event事件,发现它们的无限潜力!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

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

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事件教你如何实现这10个惊人效果!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

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

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事件用法,你可能从未听说过!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

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

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

深入了解JavaScript中的神秘事件

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

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

event.preventDefault(); 阻止默认

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

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

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

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

      event.keyCode 返回键值的编码值

10个必知必会的JavaScript事件!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

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

event.preventDefault(); 阻止默认

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事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

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

event.preventDefault(); 阻止默认

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

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

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

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

      event.keyCode 返回键值的编码值

你不可不知的JavaScript事件秘密

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

event.preventDefault(); 阻止默认

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

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

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事件

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

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

event.currentTarget 事件绑定的元素

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

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

event.preventDefault(); 阻止默认

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

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

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事件

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

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

event.currentTarget 事件绑定的元素

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

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

event.preventDefault(); 阻止默认

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

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

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

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

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

      event.keyCode 返回键值的编码值

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

1112131415 共13562条