ie與ff下的event事件
更新時間：2009年09月21日 20:27:29 作者：
event是ie自帶的一個對象，而ff中不存在該對象，只能通過傳遞參數(shù)的方式來模擬event，：（
更多的文章可以參考 http://chabaoo.cn/tag/event/1.htm
另外ie中使用srcElement去獲得事件觸發(fā)源，ff下使用target。因此使用這兩個對象時需要做相關的瀏覽器兼容。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
查看運行結果
綜合上節(jié)attachEvent與addEventListener。
<script type="text/javascript">
<!–
function Click(event){
event = event? event: window.event;
var obj = event.srcElement ? event.srcElement:event.target;
alert("eventObj.tabName:" + obj.tagName);
}
var oBtnNew;
window.onload=function(){
oBtnNew=document.getElementById("btnNew");
if(window.attachEvent){
oBtnNew.attachEvent("onclick",hanlder);
oBtnNew.attachEvent("onmouseover",hanlder);
}else{
oBtnNew.addEventListener("click",hanlder,false);
oBtnNew.addEventListener("mouseover",hanlder,false);
}
/*或者采用下面試
oBtnNew.onclick=hanlder;
oBtnNew.onmouseover=hanlder;*/
}
function hanlder(event){
event=event?event:window.event;
if(event.type=="click")
oBtnNew.innerHTML="發(fā)生了onclick事件";
else if(event.type=="mouseover")
oBtnNew.innerHTML="發(fā)生了onmouseover事件";
}
//–>
</script>
</head>
<body>
<button id="btn" onclick="Click(event)">點擊</button>
<button id="btnNew">添加事件點擊</button>
另外ie中使用srcElement去獲得事件觸發(fā)源，ff下使用target。因此使用這兩個對象時需要做相關的瀏覽器兼容。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
查看運行結果
綜合上節(jié)attachEvent與addEventListener。
復制代碼 代碼如下:
<script type="text/javascript">
<!–
function Click(event){
event = event? event: window.event;
var obj = event.srcElement ? event.srcElement:event.target;
alert("eventObj.tabName:" + obj.tagName);
}
var oBtnNew;
window.onload=function(){
oBtnNew=document.getElementById("btnNew");
if(window.attachEvent){
oBtnNew.attachEvent("onclick",hanlder);
oBtnNew.attachEvent("onmouseover",hanlder);
}else{
oBtnNew.addEventListener("click",hanlder,false);
oBtnNew.addEventListener("mouseover",hanlder,false);
}
/*或者采用下面試
oBtnNew.onclick=hanlder;
oBtnNew.onmouseover=hanlder;*/
}
function hanlder(event){
event=event?event:window.event;
if(event.type=="click")
oBtnNew.innerHTML="發(fā)生了onclick事件";
else if(event.type=="mouseover")
oBtnNew.innerHTML="發(fā)生了onmouseover事件";
}
//–>
</script>
</head>
<body>
<button id="btn" onclick="Click(event)">點擊</button>
<button id="btnNew">添加事件點擊</button>
相關文章
這篇文章主要為大家詳細介紹了js實現(xiàn)列表向上無限滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
event.srcElement+表格應用...2006-08-08
這篇文章主要為大家詳細介紹了JS實現(xiàn)模態(tài)框拖拽動態(tài)效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript實現(xiàn)搜索的數(shù)據(jù)顯示
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)搜索的數(shù)據(jù)顯示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
在頁面中繪制表格可以滿足我們對數(shù)據(jù)的輸入需求，在js中可以很容易實現(xiàn)，下面有個不錯的示例，感興趣的朋友可以參考下2013-09-09
這篇文章主要介紹了ES6中的Javascript解構的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
JavaScript html5 canvas實現(xiàn)圖片上畫超鏈接
這篇文章主要為大家詳細介紹了JavaScript html5 canvas實現(xiàn)圖片上畫超鏈接，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
Bootstrap Navbar Component實現(xiàn)響應式導航
這篇文章主要介紹了Bootstrap Navbar Component實現(xiàn)響應式導航的相關資料,講解了Bootstrap Navbar應用及源碼解析，需要的朋友可以參考下2016-10-10
今天學習了js 中confirm的使用方法，confirm() 方法用于顯示一個帶有指定消息和 OK 及取消按鈕的對話框。2013-07-07
這篇文章主要介紹了離開當前頁面前如何使用js判斷條件提示是否要離開頁面,需要的朋友可以參考下2014-05-05