`

FF IE 兼容动态增加onclick事件

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <title>Untitled Document</title>
</head>
<body>
<script>

function addObjectEvent(objId,eventName,eventFunc)
{
         var targetObj = document.getElementById(objId);
         if(targetObj)
         {
                 if(targetObj.attachEvent)
                 {
                         targetObj.attachEvent(eventName,eventFunc);
                 }
                 else if(targetObj.addEventListener)
                 {
                         eventName = eventName.toString().replace(/on(.*)/i,'$1');
                         targetObj.addEventListener(eventName,eventFunc,true);
                 }
         }
        
}

function test1()
{
         alert('test1');
}

function test2()
{
         alert('test2');
}
function MyTest(){
	alert("MyTest");
}

</script>

<div id="hi" onclick="MyTest();">on click</div>
<script>
addObjectEvent('hi','onclick',test1);
addObjectEvent('hi','onclick',test2);//先执行test2(队列)
</script>
</body>
</html>

分享到:
评论

相关推荐

    IE与FF脚本兼容性问题

    ### IE与FF脚本兼容性问题详解 #### 一、概述 随着Web技术的发展,不同浏览器之间的兼容性问题一直是前端开发者关注的重点。本文主要探讨Internet Explorer(简称IE)与Mozilla Firefox(简称FF或MF)之间在...

    JavaScript兼容浏览器FFIE技巧[定义].pdf

    - IE使用element.attachEvent("onclick", function),FF使用element.addEventListener("click", function, true)。 - 通用做法:可以使用一个函数来兼容两种方式,例如`addEvent(element, 'click', function);`,...

    javascript实现动态增加删除表格行(兼容IE FF).docx

    ### JavaScript 实现动态增加删除表格行(兼容IE/FF) #### 概述 本文将详细介绍如何使用JavaScript来实现在Web页面上动态增加和删除表格行的功能,并确保该功能在Internet Explorer (IE) 和 Firefox (FF) 等...

    js兼容IE火狐问题

    - **添加事件监听器**:IE使用`element.attachEvent("onclick", function);`,FF使用`element.addEventListener("click", function, true);`。通用方法是直接为元素设置`onclick`属性,但这种方法只能绑定一个处理...

    ie6,7,8 ff 360 遨游, 搜狗兼容性心得

    ### 兼容性心得:IE6/7/8, Firefox, 360浏览器, 遨游, 搜狗浏览器 #### 一、输入框 ID 和 NAME 属性的兼容性处理 - **问题描述**:在 Internet Explorer(IE)浏览器下,默认情况下,`&lt;input&gt;` 标签的 `id` 属性会...

    前端设计IE6IE7IE8IE9FF问题汇总IE和FirFox兼容问题[参照].pdf

    在事件处理函数中,可以通过传递事件对象来解决这个问题,如`onclick="gotoSubmit(event)"`,然后在函数内部检查`evt`或`window.event`。 4. **HTML对象的id作为对象名问题**:在IE中,可以直接通过`idName`访问...

    HTML在IE浏览器和FF浏览器中标签的使用

    4. **事件添加**:IE使用attachEvent,FF使用addEventListener。若需兼容,可以设置element.onclick,但onclick只能执行一个函数,而attachEvent和addEventListener能执行多个。 5. **自定义属性访问**:IE允许直接...

    个人CSS设计兼容性问题总结教程

    对于Tab在IE6下的兼容性问题,需要在父元素样式中添加`_overflow`,因为IE6认为父元素层级高于子元素。另外,IE6不支持除`&lt;a&gt;`标签外的其他标签的`:hover`事件,可以通过jQuery或者其他JavaScript库进行模拟。 在IE...

    JS事件在IE与FF中的区别详细解析

    JavaScript事件在不同的浏览器环境中,尤其是Internet Explorer (IE) 和Firefox (FF) 之间存在一些显著的差异。这些差异主要体现在事件处理方式上,这在构建跨浏览器兼容的Web应用程序时是一个重要的考虑因素。 ...

    JavaScript兼容浏览器FF/IE技巧

    由于浏览器的差异性,相同的JavaScript代码可能在Internet Explorer(IE)和Mozilla Firefox(MF/FF)中表现不一致。为了确保用户体验的一致性以及减少技术问题带来的客户投诉,掌握一些JavaScript兼容性处理技巧是...

    JS IE和FF兼容性问题汇总

    标题《JS IE和FF兼容性问题汇总》所反映的知识点主要围绕着在开发JavaScript应用时,针对Internet Explorer(IE)和Mozilla Firefox(MF,又称Firefox)两款浏览器在语法和行为上的差异以及相应解决方案的总结。...

    IE和Mozilla中脚本兼容性汇总

    - IE使用`attachEvent`和`detachEvent`来添加和移除事件监听器,事件名称需带有`on`前缀,如`"onclick"`。 - Mozilla使用`addEventListener`和`removeEventListener`,事件名称无需`on`前缀,如`"click"`。 7. **...

    浏览器兼容(支持IE和firefox)

    解决这个问题的方法是在`onclick`事件中添加`return false;`,这样可以阻止默认的链接行为,同时允许`location.href`正常工作。例如: ```html ;" onclick="location.href='new_page.html'; return false;"&gt;点击...

    firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码

    `foo1`和`foo2`展示了两种浏览器的不同行为,而`foo3`则是一个兼容IE和FF的事件处理函数示例。 当事件绑定方式改变时,比如使用`onclick="foo()"`,问题就出现了。在这种情况下,Firefox不会自动传递事件对象给`foo...

    js 日历 支持ie FF

    针对"支持FF",这里的FF指的是Mozilla Firefox浏览器,它与IE有不同的内核和JavaScript引擎实现,因此有些JavaScript代码可能在IE下运行正常而在Firefox下出现问题,反之亦然。为了确保兼容性,我们需要使用跨浏览器...

    javascript为DOM绑定事件 兼容

    为 DOM 绑定事件需要考虑浏览器的兼容性问题,我们可以使用不同的方式来绑定事件,包括直接为 Element 对象绑定事件、使用 W3C 的 addEventListener 和 IE 的 attachEvent 方法,以及自定义绑定函数等。

    ie与ff下的event事件使用介绍

    综上所述,处理`event`对象时,开发者需要考虑IE和FF的差异,包括`event`对象的获取方式、事件触发源的属性和事件监听器的添加。通过适当的兼容性代码,可以确保JavaScript代码在不同的浏览器环境中都能正确运行。...

    javascript兼容性解决方法大全

    添加事件监听器时,IE使用`element.attachEvent`,而FF使用`element.addEventListener`。为了确保兼容,可以使用如下方式: ```javascript if (element.addEventListener) { element.addEventListener("click", ...

    JavaScript在IE和FF下的兼容性问题

    【JavaScript在IE和FF下的兼容性问题】 JavaScript的兼容性问题一直以来都是Web开发中的一个棘手挑战,尤其是在Internet Explorer(IE)和Firefox这两个浏览器之间。由于标准规范、事实上的标准和各自实现之间的...

Global site tag (gtag.js) - Google Analytics