=波波日志 > 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', true, true, window, 1, 1, 1, 1, 1, false, false, false, false, 0, dv);
dv.dispatchEvent(oEvt);
}
}
script>
<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', true, true, window, 1, 1, 1, 1, 1, false, false, false, false, 0, dv);
dv.dispatchEvent(oEvt);
}
}
script>
其中firefox/w3c中event的定义参考下面的文章
类别:JavaScript/Ajax 作者:波波 日期:2011-07-11 【评论:0】
相关文章
- ·label标签在IE,w3c浏览器firefox下的区别
- ·IE浏览器和firefox/W3C浏览器获取class属性问题
- ·Firefox/w3c浏览器如何操作XML文档
- ·button,input type=button按钮在IE和w3c,firefox浏览器区别
- ·firefox oninput事件对应IE onpropertychang事件
- ·Firefox及W3C浏览器table设置margin属性不居中
- ·asp.net定时触发事件
- ·div+css兼容IE和firefox等浏览器方法
- ·firefox和IE下activeElement在onblur事件中的表现
- ·IE浏览器DOM事件中不能使用start作为函数名
- ·IE浏览器htc使用心得
- ·IE浏览器table控件moveRow方法使用说明
暂时没有评论!
发表留言
热门博文
- AJAX跨域问题解决办法
- ajax问题总结
- jQuery dataType指定为json的问题
- ajax+asp.net+mssql无刷新聊天室
- ajax无刷新上传文件,使用iframe模仿
- ajax对象abort方法
最新博文
- jquery+flash显示图片实时加载进度插件
- jquery浮动层拖动插件
- firefox NPMethod called on non-NPObject wrapped JSObject!错误
- IE浏览器setCapture和releaseCapture介绍
- 51.la统计出问题了
- 隐藏删除ckeditor状态栏
随机博文
- Javascript在IE和FireFox中的不同表现
- js事件相关
- Javascript的FSO功能
- firefox下XMLHttpRequest重用时nsIXMLHttpRequest.send发生错误的解决方案
- ajax对象常用属性,事件,方法大小写问题
- 在Javascript中,什么是闭包
广告商赞助

