<html>
<head>
<title>事件</title>
<script>
function fnClick()
{
alert("被我点击了");
op.detachEvent("onclick",fnClick);
}
var op;
window.onload=fuction(){
op=document.getElementById("myP");
op.attachEvent("onclick",fnClick);
}
</script>
</head>
<body>
<div>
<p id="myP">Click me</p>
</div>
</body>
</html>
上述代码,只在IE中起作用。
2.
<html>
<head>
<title>事件</title>
<script>
function fnClick1()
{
alert("我被Click1点击了");
op.removeEventListener("click",fnClick1,false);
}
function fnClick2()
{
alert("我被Click2点击了");
}
var op;
window.onload-fuction(){
op=document.getElementById("myP");
op.addEventListener("click",fnClick1,false);false是指冒泡型事件,非捕获型事件
op.addEventListener("click",fnClick2,false);
}
</script>
</head>
<body>
<div>
<p id="myP">Click me</p>
</div>
</body>
</html>
上述代码在firefox使用,可以绑定多个事件。
3.IE是非标准的dom结构,标准的dom,通常将event作为参数传递给事件处理函数,因此会有多个浏览器不兼容的情况,为了兼容,通常采用下面代码处理事件。
op.onClick=function(oEvent)
{
if(window.event)//IE浏览器获取event对象的方式
{
oEvent = window.event;
}
}
4.检测事件名称方式:oEvent.type=="click"