【js学习】兼容多浏览器事件监听

来源：互联网发布：背单词的知乎编辑：程序博客网时间：2024/05/16 10:07

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>this</title>
   <script type="text/javascript">
       window.onload=setObjects;
       // function setObjects () {
       //    document.personData.firstName.onblur=testValue;

       // }
       function testValue () {
           alert("Hi"+this.value);
       }
       function setObjects (evnt) {
       var evtobject=document.getElementById("firstName");
       if(evtobject.addEventListener){
           //
           document.addEventListener("blur",testValue,false);
       }else if(evtobject.attachEvent){
           document.attachEvent("onblur",testValue);
       }else if(evtobject.onblur){
           evtobject.onclick=testValue;
       }
   }

   </script>
</head>
<body>
   <form name="personData">
       firstName: <input type="text" name="firstName" id="firstName" /><br>
       secondName: <input type="text" name="secondName" id="secondName"><br>



   </form>

</body>
</html>

0 0