js Event 在ie与FF的兼容性

最新推荐文章于 2024-05-05 04:04:04 发布
原创 最新推荐文章于 2024-05-05 04:04:04 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #firefox #function #null

本文探讨了JavaScript在处理不同浏览器（如IE和Firefox）事件兼容性问题时的方法。通过示例代码展示了如何统一获取事件对象及触发事件的源元素。

在写JS的时候，我们很多情况下不得不考虑IE和FF的兼容性。很简单的，IE中的event和FF中的event就不一

样，获取方式也不一样，比如IE中event是全局window对象的属性，而FF中却没有。有很多时候我们要获取触发

事件的源对象（在IE中是srcElement）

 

    var EventHandlerTest=function(evt){
        evt = evt ? evt : (window.event ? window.event : null);//兼容火狐与IE
        var Ele=evt.srcElement?evt.srcElement:evt.target; //IE支持srcElement FF支持target
        alert(Ele.tagName);
    }

 

var PEle=Ele.parentElement?Ele.parentElement:Ele.parentNode;//parentElement  FireFox支持parentNode

JS事件Event元素(兼容IE,Firefox,Chorme)
10-27
今天，想聊聊JS事件对象。相信大家对于获得激发JS事件的原对象的理解，有的人可能简单停留在IE上。也就是window.event这个对象
Js event事件在IE、FF兼容性问题
01-19
1、window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。 如： 代码如下: <input type=”button” onmousemove=”showDiv(event);”//event不需要加引号 ...
JS的 event 对象属性、使用实例、兼容性处理(极大提高代码效率、减少代码量)
极客神殿
05-02 593
下面讨论一下 js 中的 Event 对象，主要从以下三个方面详细的描述(点击标题可跳转到对应部分)： 1.什么是event 2.怎么用event，用他该注意什么，几个简单实际应用 3.event在不同浏览器的存在的兼容问题，及如何去解决 什么是event Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态等等。说的通俗一点就是，event是J...
js event事件兼容写法总结
weixin_43294560的博客
11-29 491
还可将以下的方法放进对象里存放 <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div class="box"> <p>111111111</p> </di...
js中事件对象event的兼容性问题
qiancc的博客
05-18 1万+
JS中事件event的兼容性问题
js window.event 兼容浏览器问题
时代
05-27 2279
在做一个验证字数超过提示的功能的时候遇到event  不能兼容各大浏览器的问题 用了下面一个代码觉得还可以 就贴出来分享下 var event=arguments.callee.caller.arguments[0]||window.event;//消除浏览器差异     if(event.keyCode!=8 || event.which!=8){ //兼容其它浏览器   
JS IE和FF兼容性问题汇总
10-30
标题《JS IE和FF兼容性问题汇总》所反映的知识点主要围绕着在开发JavaScript应用时，针对Internet Explorer（IE）和Mozilla Firefox（MF，又称Firefox）两款浏览器在语法和行为上的差异以及相应解决方案的总结。...
JavaScript在IE和FF下的兼容性问题
10-25
【JavaScript在IE和FF下的兼容性问题】 JavaScript的兼容性问题一直以来都是Web开发中的一个棘手挑战，尤其是在Internet Explorer（IE）和Firefox这两个浏览器之间。由于标准规范、事实上的标准和各自实现之间的...
JS中event对象的使用和解决兼容问题
xiaozhuzhuyang的博客
01-19 1098
JS中event对象的使用和解决兼容问题使用window.event属性1.第一种：在html标记中显示地执行事件函数2.第二种：使用元素节点添加事件3.第三种：使用事件监听使用event参数，即事件函数中的实参也获得event对象1.第一种：html标记中显示地执行事件函数,无法获得event对象2.第二种：使用元素节点添加事件3.第三种：使用事件监听window.event.target的使用解决兼容写法 使用window.event属性 1.第一种：在html标记中显示地执行事件函数 <scri
window.event对像和在ie与ff中的区别
kewei8976的专栏
12-26 761
event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如，fromelement 和 toelement 属性只对 onmouseo教程ver 和 onmouseout 事件有意义。 例子 下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。       window.event ie：有window.event对象
ElementUI实现可编辑表格(1)
最新发布
2401_84149996的博客
05-05 480
【代码】ElementUI实现可编辑表格(1)
ie8兼容性问题(五) event对象、e.target和e.preventDefault
云_飞扬
09-19 1万+
event对象 在chrome、firefox等浏览器中，event对象可从事件函数的参数中传入。ie8中须从window对象中获取 $("#btn").click(function(e) { var event = e | window.event; }) target $("#btn").click(function(e) { var event =
IE和FireFox中JS兼容之event .
热门推荐
zgmzyr的专栏
04-11 1万+
转载于：http://blog.csdn.net/jiachunfeng/article/details/6448186 http://justcoding.iteye.com/blog/587876   event对象 IE 中可以直接使用 event 对象，而 FF 中则不可以，解决方法之一如下： var theEvent = window.event || arguments.ca
JS之event事件兼容性问题
Learning_echo
08-08 1290
在不同浏览器下，event事件的写法是不一样的。 首先在IE浏览器下，是这么写的： document.onclick=function(ev){          if (event.clientX) {                   alert(event.clientX+','+event.clientY);｝ ｝ 在火狐浏览器下，是这么写的： document.onc...
vue.js – event对象兼容性问题
qq_39241421的博客
11-05 2217
应用场景：头部【搜索功能】 点击全局页面任意位置搜索框下的下拉框隐藏，此时点击搜索框输入信息时需要阻止冒泡，event.stopPropagation()；此时没有注意这点event，在浏览器中会有问题。 追根溯源 ：event对象  Event对象代表事件的状态，比如事件在其中发生的元素，键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会再事件发生前执行。 wi...
JS中如何传递Event对象，兼容IE和FireFox
michael8512的博客
08-20 1869
（1）IE 在IE中，事件没有event属性，但是window有，即window.event。 获取event的方式为： document.onclick=function(){ alert(window.event.clientX); } 获取调用事件的对象window.event.srcElement （2）FIreFox FireFox中没有window.event，
IE和FireFox中JS兼容之event
jiachunfeng的专栏
05-26 4721
event对象IE 中可以直接使用 event 对象，而 FF 中则不可以，解决方法之一如下： var theEvent = window.event || arguments.callee.caller.arguments[0];第二种是将 event 作为参数来传递: function xxx(e){var theEvent = window.event || e;}srcElement 和 target在 IE 中 srcElement 表示产生事件的源，比如是哪个按钮触发的 onclick 事
js浏览器 event || window.event兼容性写法
wenjiusui8083的博客
10-12 4730
Js浏览器对event 和window.event写法不同 在IE/Opera中，用window.event写法， 在Firefox里面,  用event写法。    event=event || window.event;    event.preventDefault(); 获取事件对象的方法也不一样（产生事件的源eg:哪个按钮按下的）： 在IE中，用window.ev
event对象
weixin_34082789的博客
09-21 180
获得event对象兼容性写法event || (event = window.event); 获得target兼容型写法 event.target||event.srcElement 阻止浏览器默认行为兼容性写法event.preventDefault ? event.preventDefault() : (event.returnValue = false); 阻止冒泡写法eve...
深入探讨：JavaScript在IE与Firefox的兼容性难题
"JavaScript在IE和FF下的兼容性问题" JavaScript作为Web开发中的核心语言，其在不同浏览器上的兼容性问题一直是开发者面临的一大挑战。尤其是Internet Explorer（IE）与Firefox（FF）之间的差异，这些差异源于对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值