web前端|js教程
javascript
web前端-js教程
本篇文章给大家带来的内容是关于js中event事件对象是什么?js中event事件对象的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
易语言劲舞团辅助源码,发布vscode插件,ubuntu20安装手动分区,运行tomcat容器,sqlite小数列定义,jquery做曲线图插件,前端框架用啥好,爬虫的主要任务,php 300,潍坊seo技术,网站漂浮图片,手机网页悬浮,bo-blog 模板,php小偷程序能承受多大访问量lzw
什么是事件对象?
卷皮 源码,ubuntu 硬链接文件,查看tomcat堆使用比例,盐城爬虫店,cdn配置php,seo网站外部优化三种途径lzw
在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。
包括导致事件的元素,事件的类型以及其他与特定事件相关的信息。
爱心公益协会网站源码,vscode怎么逐行执行,ubuntu压缩tgz,tomcat pid文件,姓名sqlite数据类型,湖州有没有卖爬虫的店,php 判断蜘蛛,Seo3性质,菜鸟建网站,上下幻灯片切换响应式网页模板,汽车门户 模板lzw
比如:
鼠标操作导致的事件对象中,会包含鼠标位置的信息。
键盘操作导致的事件对象中,会包含按下的键有关的信息。
下面我们点击document看看event包含哪些东西。
event对象的兼容写法
event事件对象不能兼容所有的浏览器,我们一般是采用下面这种方式进行兼容。
var oEvent=ev || event;
如果参数不是ev而是event的时候,兼容方式也可以写成下面这种格式。
document.onclick=function(event){ var oEvent=event || window.event; console.log(oEvent);}
测试代码如下:
event常用属性有哪些
oEvent.type;——获取绑定的事件类型,比如click,mouseover等
oEvent.target;(在ie低版本中用event.srcElement)——返回触发事件的元素。比如[object HTMLInputElement]指的是html里的input元素
oEvent.currentTarget;(ie低版本中不存在)表示当前所绑定事件的元素,跟target的区别看下面
oEvent.stopPropagation()[ˌprɒpə’ɡeɪʃn];(在ie中用oEvent.cancelBubble=false)//用于阻止事件冒泡
oEvent.stopImmediatePropagation();//Immediate[ɪˈmi:diət] //当一个元素绑定多个事件处理程序的时候,事件会按照顺序全部执行,如果不想让后面的事件处理程序执行,就在当前事件里加这个方法,就不执行后面的事件处理程序了。
oEvent.preventDefault();(在ie低版本中用oEvent.returnValue=true)//阻止事件的默认行为,比如阻止a的href链接。
a链接
oEvent.clientX;鼠标的横坐标。
oEvent.clientY;鼠标的纵坐标。
相关推荐:
event对象及各种事件总结
JavaScript dom事件对象和IE事件对象实例详解
js获取事件源及触发该事件的对象_javascript技巧