给页面中所有input添加click事件监视器，在页面前面宏观添加，不要用unload，不要在每个input上直接添加onclick，怎么做？

给页面中所有input添加click事件监视器，在页面前面宏观添加，不要用unload，不要在每个input上直接添加onclick，怎么做？

解决方案 »

  1.   

    var o=document.getElementsByTagName("input");
    for(var i=0;i<o.length;i++){
       if(o[i].type=="text") //判断input type属性
        {
          o[i].onclick=function(){
            alert('ok');
          }
       }
    }
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
    <script type="text/javascript">
    function addLoadEvent(func)
    {
       var oldonload=window.onload;
       if(typeof window.onload!='function')
       {
          window.onload=func;
       } 
       else
      {
          window.onload=function()
          {
            oldonload();
            func();
           }
      }
    }
    function test()
    {
      var arr = document.getElementsByTagName("input");
      for(var i=0;i<arr.length;i++)
      {
     arr[i].onclick=function()
     {
        alert("test");
     }
      }
      
    }
    addLoadEvent(test);
    </script> </HEAD> <BODY>
      <input type="text" name="name1" id="id1">
      <input type="text" name="name2" id="id2">
      <input type="text" name="name3" id="id3">
     </BODY>
    </HTML>