Home/ Questions/Q 7876019
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T03:06:00+00:00

I have a site wide JS, which creates listeners for various events, but in

  • 0

I have a site wide JS, which creates listeners for various events, but in certain conditions I need to call a particular function, like in code below, I need to call function call, but its not getting called. 

<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>

Please suggest. I would like to call both onfocus. I am new to javascript.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    So, once your page has loaded (with proper call onfocus handlers), you run window.onload that overwrites all these handlers. I guess it’s not what you intended to do. Instead, you can use DOM2 events, if possible:

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