=波波日志 > JavaScript/Ajax > IE/Firefox/W3C浏览器代码触发事件=

IE/Firefox/W3C浏览器代码触发事件

  firefox或者w3c浏览器没有直接在DOM中添加onclick事件,而是通过addEventListener添加事件时,无法使用 DOMObject.onclick()使用这种方法触发事件,但是可以通过dispatchEvent来触发。

  测试代码如下
+展开
-HTML
<div id="dvEvt">div的内容div>
<input type="button" value="触发事件" onclick="btnFireEvent()" />
<script type="text/javascript">
    var dv;
    window.onload = function () {
        dv = document.getElementById('dvEvt');
        if (dv.addEventListener) dv.addEventListener('click'function () { alert(dv.innerHTML); }, true);
        else dv.attachEvent('onclick'function () { alert(dv.innerHTML); });
    }
    function btnFireEvent() {
        if (dv.fireEvent)//IE
            dv.fireEvent('onclick');
        else {//W3C
            var oEvt = document.createEvent('MouseEvents');
            oEvt.initMouseEvent('click'truetrue, window, 1, 1, 1, 1, 1, falsefalsefalsefalse, 0, dv);
            dv.dispatchEvent(oEvt);
        }
    }
script



  其中firefox/w3c中event的定义参考下面的文章

Document Object Model Events

类别:JavaScript/Ajax 作者:波波 日期:2011-07-11 【评论:0】 
 
暂时没有评论!
发表留言
  • *昵称:
  • 头像:
  • 电子邮件: [留下您的邮件,方便管理员回复您。]
  • 个人网站: *验证码:
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载或引用的作品侵犯了您的权利,请通知我们,我们会及时删除!
Powered by showbo,©2012,桂ICP备05005887号 京公网安备1101055090