编程新手必知!掌握这10个JS中的event事件,瞬间提升编码技能!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

揭秘JS中的event事件:让你的网页更互动,增加用户留存率!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

      event.keyCode 返回键值的编码值

解密JS中的event事件:这些窍门将事半功倍,轻松玩转编程!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

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

      event.keyCode 返回键值的编码值

极速提高编码效率的JS中的event事件:绝对不能错过!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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.keyCode 返回键值的编码值

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

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

增加用户体验的神奇技巧!JS中的event事件助你一臂之力!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

      event.keyCode 返回键值的编码值

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

想让你的网站与众不同?这10个JS中的event事件教你如何!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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.keyCode 返回键值的编码值

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

震撼!JS中的10种惊人event事件,你知道几个?

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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.target 事件触发的元素,不一定是事件绑定的元素,可能是发生事件冒泡的下级元素

event.currentTarget 事件绑定的元素

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

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

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

8个你绝对不知道的JS event事件,快来揭秘吧!

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

      event.keyCode 返回键值的编码值

揭秘JS中最常见的10种event事件,你中了几个招?

event事件

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

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

event.currentTarget 事件绑定的元素

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

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

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

      event.keyCode 返回键值的编码值

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

1617181920 共13562条