`
ispring
  • 浏览: 356005 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

fireEvent与attachEvent

阅读更多

1.fireEvent()是强迫触发某个事件。
 如:<form onsubmit="a()">。。。
中,如果button的form.submit()的方式提交表单,是不会主动触发onsumbit事件的,如果必须的话,就要在submit前fireEvent("onsubmit")下,这样就会触发该事件了。

attachEvent()是绑定函数到某个事件上(detachEvent是卸载)。

如:<button id=btn>
<script>
var f =new Function("event","alert('i am attached function')");
btn.attachEvent("onclick",f);
</script>
下面为fireFox中方法,firefox不支持fireEvent
if(   document.all   )  
{
 t.fireEvent(   "onchange"   );  
}  
else  
{  
 var evt = document.createEvent('HTMLEvents');  
 evt.initEvent('change',true,true);  
 t.dispatchEvent(evt);  
}
页面中不能同时出现window.onload=...和<body onload="...">
解决办法就是用attachEvent给onload添加所需运行的函数
if (document.all){
 window.attachEvent('onload',FuncName)
}
else{
 window.addEventListener('load',FuncName,false);
}[最后编

实例区别:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function a()
{
 var newEvt = document.createEventObject()
    newEvt.button = 3
    document.all.aa.fireEvent("onkeydown", newEvt)
    //document.all.aa.click()
}

function b()
{
 document.all.bb.onkeypress=c
}

function c()
{
 alert()
}
//-->
</SCRIPT>
</HEAD>

<BODY onload="a();b()">
<INPUT TYPE="text" id="aa" onkeydown="alert()">
<INPUT TYPE="text" id="bb"><br>
</BODY>
</HTML>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics