编程语言
首页 > 编程语言> > JavaScript中的事件介绍以及兼容

JavaScript中的事件介绍以及兼容

作者:互联网

事件类型

事件定义:指的是文档或者浏览器窗口发生一些特定交互瞬间。可以通过侦听器(或者处理程序)来指定事件来预定事件,以便事件发生的时候执行相应的代码。
Window、document、Element对象是最常见的事件目标
加on表示必须添加的事件处理程序
语法结构:事件的目标.事件的类型=事件的处理程序
设置窗口的加载事件:

window.function(){
// alert('加载事件的处理程序');
var inp=document.getElementByTagName('input');
// 返回结果:[object HTMLcollection]   对象类型的html集合
}

相应某个事件的函数则称为事件处理程序,或者叫做事件侦听器

addEventListener()添加
removeEventListener()移除

事件对象Event

event对象的兼容写法:event 事件对象不能兼容所有的浏览器,我们一般是采用下面这种方式进行兼容

var oEvent=ev || event; 

如果参数不是 ev 而是 event 的时候,兼容方式也可以写成下面这种格式

document.function(event){
var oEvent=event || window.event; console.log(oEvent);
}
inp_01.function(ev){
var oEvent=ev || event;
// 在ie低版本中使用oEvent.srcElement 来获取触发事件的元素
document.write(oEvent.srcElement/oEvent.target);
}

标签:document,JavaScript,兼容,处理程序,事件,oEvent,event
来源: https://blog.csdn.net/Lvsiwei0719/article/details/89362034