飛翔侍心的部落格

關於部落格
飛翔侍心的 blog
  • 40881

    累積人氣

  • 1

    今日人氣

    0

    訂閱人氣

元素和事件名稱--適用於IE和Firefox 的 javascript

<html>
<head>
<title>元素和事件名稱</title>
<script language="JavaScript">
function showElement(){

    var evt=getEvent()
   
    var element=evt.srcElement || evt.target

    if(navigator.appName.indexOf("Explorer") > -1){
    ele.innerText = element.tagName
    type.innerText = evt.type
    element.style.background = "yellow"
    } else{
    ele.textContent = element.tagName
    type.textContent = evt.type
    element.style.background = "yellow"
    }
     
}
 
 function getEvent(){     //同?兼容ie和ff的?法
         if(document.all)    return window.event;       
         func=getEvent.caller;           
        while(func!=null){   
             var arg0=func.arguments[0];
            if(arg0){
                 if((arg0.constructor==Event || arg0.constructor ==MouseEvent)
                     || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){   
                    return arg0;
                 }
             }
             func=func.caller;
         }
         return null;
 }
</script>
</head>
<body onmousedown="showElement()" id="body">
<h2 onmouseover="showElement()" id="h2">元素和事件名稱</h2>
<hr>
<p>按一下文件顯示HTML元素和事件</p>
<form>
<input type="button" value="按一下" id="btn1" onclick="showElement()">
</form>
標籤: <span id=ele></span><br>
事件: <span id=type></span>
</body>
</html>
相簿設定
標籤設定
相簿狀態