event事件兼容
window.event问题
问题说明：window.event 只能在IE下运行，而不能在Firefox下运行，这是因为Firefox的event只能在事件发生的现场使用。
解决方法：在事件发生的函数上加上event参数，在函数体内(假设形参为evt)使用 var myEvent = evt?evt:(window.event?window.event:null)
在Firefox页面调用后，其windows.event对象为undefined：
if(typeof(window.event) =='undefined')
alert('window.event is undefined.');
else
alert('window.event is defined.');
以上代码在Firefox中执行，结果为："window.event is undefined."。IE 和 Chrome中执行结果：“window.event is defined."
1. 在函数中传递event参数
在函数中传递event参数，这样我们就可以兼容IE和FF的event的获取了，如下面的函数：
function_test(evt)
{
var src = https://www.it610.com/article/evt.srcElement || evt.target;
// 获取触发事件的源对象
alert(src.value);
// 打印该对象的value属性
}
那么我们在使用的时候就应该这样：
2.在函数调用中不传递event对象
虽然在函数中没有传递参数，这个在IE下没有任何影响，因为window.event是全局对象，在什么地方都可以直接调用的，而在FF下就不行了。所以我们这里要使用另外一种方式来获取了，如下：
unction _test2()
{
varevt =window.event ||arguments.callee.caller.arguments[0];
// 获取event对象
varsrc = https://www.it610.com/article/evt.srcElement || evt.target;
// 获取触发事件的源对象
variKeyCode = evt.keyCode || evt.which;
//获取按钮代码
alert(src.value);
// 打印该对象的value属性
【event事件兼容】if(window.navigator.userAgent.indexOf("IE")>=1){
evt.keyCode =0;
evt.returnValue=https://www.it610.com/article/false;
}else{
evt.preventDefault();
}
}
那么，我们在使用的时候就可以想普通的函数调用一样，直接输入函数名称即可，如下：
event.srcElement问题
问题说明：IE下，even对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有 srcElement属性。
解决方法：使用srcObj = event.srcElement ? event.srcElement : event.target;
推荐阅读
- 事件代理
- 事件处理程序
- Android事件传递源码分析
- 66万奔驰漏油事件看宝宝无理取闹
- 「我的2017」——2017|「我的2017」——2017,大事件盘点
- Quartz|Quartz 源码解析(四) —— QuartzScheduler和Listener事件监听
- 心理工作要不断的评估现实事件对来访者心理造成的影响是什么
- 如何做2020年年度复盘，写出100件成就事件
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 事件解绑与解绑的兼容代码