event 事件

http://www.jb51.net/article/99099.htm

https://www.cnblogs.com/qingqingzou-143/p/6725192.html


event 对象( 事件处理程序的参数 )

在调用事件函数时,只需将其当参数传入即可

functiongetEvent(event) {

 event = event || window.event;      // 浏览器兼容

}

       在IE8及以前版本之中,通过设置属性注册事件处理程序时,调用的时候并未传递事件对象,需要通过全局对象window.event来获取。所以上述代码中我们利用 || 来做判断,如果event对象存在则使用event,不存在则使用window.event。

event 对象方法

stopPropagation : 阻止事件进一步传播(为了兼容 IE8,则需要用 cancelBubble 代替stopPropagation )

event.stopPropagation( ) 或 event.cancelBubble = true

preventDefault :取消事件的默认操作(在 IE9 之前的浏览器中需要设置returnValue属性为false来实现)

stopImmediatePropagation:阻止事件的传播,与stopPropagation不同的是:还禁止了该元素上的同类事件

event 对象属性

type 属性  :event.type 可获取事件发生的类型

target属性 : event.target 获取事件的目标对象

鼠标事件属性 : 见 demo 图片浏览器

event.screenX    event.screenY   获取鼠标基于屏幕的X轴坐标、Y轴坐标

event.clientX      event.clientY      获取鼠标基于浏览器窗口的X轴坐标、Y轴坐标

event.pageX      event.pageY       获取鼠标基于文档的X轴坐标、Y轴坐标

键盘事件属性 :

event.keycode    获取按下键的键码值

event.ctrlkey       获取是否按下 ctrl 键

event.shiftkey     获取是否按下 shift 键

event.altkey        获取是否按下 alt 键

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript 事件是由访问 Web 页面的用户引起的一系列操作。当用户执行某些操作的时候,再去执行一系列代...
    阿甘笔记阅读 1,113评论 0 1
  • event(事件对象)概念及作用 在触发DOM上某个事件时,会产生一个事件对象event,这个对象包含着所有事件相...
    azure_1122阅读 311评论 0 0
  • 一、DOM节点 appendChild()向节点添加最后一个子节点 insertBefore()在已有的子节点前插...
    井皮皮阅读 565评论 0 1
  • 1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别?DOM0的事件添加形式为: 优点是:处理程序在元素...
    向前冲冲的蜗牛阅读 648评论 0 0
  • 很多客户朋友咨询我:我血压之前还好好的,最近突然升高,怎么办呀?经过层层深入了解,最终发现,原来是年前年后,亲朋宴...
    Ting婷子阅读 222评论 0 0