绑定多个事件时调用特定函数

时间:2012-05-01 13:59:34

标签: javascript

我有一个网站范围的JS,可以为各种事件创建监听器,但在某些情况下我需要调用一个特定的函数,比如下面的代码,我需要调用函数调用,但是没有被召唤。

<html>
<head>
<script>
window.onload = function ()
{    
   var inputs = document.getElementsByTagName("input");
   var len = inputs.length;

   for (var i=0; i < len; i++) 
   {        
         if (inputs[i].getAttribute("type") == "text") 
         {    
                  var element = inputs[i];

                  element.onfocus = function() 
                  {    
                        var id = element.getAttribute("id");
                        alert(id);
                  }
          }
   }
}

function call(element)
{    
      element.value="";
}
</script>
</head>
<body>
<input type="text" name="myvar1" value="same content" id="noviceid" onfocus="call(this);">
<input type="text" name="myvar2" value="same content" id="noviceid" onfocus="call(this);">
</body>
</html>

请建议。我想同时打电话给 onfocus 。我是javascript的新手。

1 个答案:

答案 0 :(得分:2)

因此,一旦您的页面加载(使用正确的call onfocus处理程序),您运行window.onload将覆盖所有这些处理程序。我想这不是你打算做的。相反,如果可能,您可以使用DOM2事件:

element.addEventListener("focus", function(event) 
      {
            var id = event.target.getAttribute("id");
            alert(id);
      }, false);