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