<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>跨瀏覽器處理事件</title>
</head>
<body>
<input type="button" id="btn1" name="" value="哈哈">
<script type="text/javascript">
function message(event){
// alert('hahha');
alert(event.type);
event.stopPropagation();//阻止事件冒泡
}
// 跨瀏覽器事件處理程序
var eventUtil={
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}
else if(element.attachEvent){
element.attachEvent('on'+type,handler);
}
else{
element['on'+type]=handler;
}
},
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}
else if(element.detachEvent){
element.detachEvent('on'+type,handler);
}
else{
element['on'+type]=null;
}
}
}
eventUtil.addHandler(btn1,'click',message);
</script>
</body>
</html>如何跨瀏覽器處理事件【兼容各大瀏覽器包括ie】
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
初識jQuery基礎入門到放棄Day3——筆記整理+作業×1+經典例題×1
1.jQuery 尺寸操作 jQuery 尺寸操作包括元素寬高的獲取和設置，且不一樣的API對應不一樣的盒子模型 <body> <div></div> <script> $(function() {
JavaScript面向對象學習(part2)——筆記整理→香菇
文章目錄 一.構造函數和原型 1.對象的創建方式 1.2靜態成員和實例成員 1.2.1實例成員 1.2.2靜態成員 1.3構造函數的問題 1.4構造函數原型prototype