Generic event listener

@TNOOct 17.2006

Greetings,

I’m developing a client-side application that has 200+ input boxes. Every one of these input boxes has ONCLICK=”this.select()” attached to it. How would I make a generic event listener for onclick for all input boxes on a page?

to post a comment

JavaScript

@Orc_ScorcherOct 17.2006 — #

document.onclick = function clickHandler(ev) {
 with ((ev &amp;&amp; ev.target) || event.srcElement)
 if (nodeName == "INPUT" &amp;&amp; type == "text")
 select()
 }

@KravvitzOct 17.2006 — #Don't use with(). [url=http://www.dynamicsitesolutions.com/javascript/badly_written_scripts/]Some signs that a JavaScript Script was Badly Written[/url]

TNO, I suggest you read these:

[url=http://www.digital-web.com/articles/the_behavior_layer/]The Behavior Layer[/url]

[url=http://www.digital-web.com/articles/separating_behavior_and_structure_2/]Separating behavior and structure[/url]

[url=http://www.alistapart.com/articles/behavioralseparation/]Behavioral Separation[/url]

[url=http://www.onlinetools.org/articles/unobtrusivejavascript/]Unobtrusive JavaScript[/url]

[url=http://www.domscripting.com/book/sample/]DOM Scripting - Sample chapter: Best Practices[/url]

[url=http://www.severnsolutions.co.uk/articles/001/]Accessible DHTML[/url]

@ProggerPeteOct 18.2006 — #What kravvitz said. Better might be,

function clickHandler(e)
 {
 var src = e ? e.target : event.srcElement;
 if (src.nodeName == 'INPUT' &amp;&amp; src.type =="text") select();
 }
 document.onclick = clickHandler;

@mrhooOct 18.2006 — #Or, You can add this bit to an onload event,

or define it as a function and call it onload:

[CODE]function clickSelect(){
 var A= document.getElementsByTagName('input');
 var L= A.length, tem, fun;
 for(var i= 0; i< L; i++){
 tem=A[i];
 fun= function(){tem.select()};
 
   if(tem.addEventListener) tem.addEventListener('click',fun,false);
   else if(tem.attachEvent) tem.attachEvent('onclick',fun);
 
   else tem.onclick= fun;
  }
 }[/CODE]

Generic event listener

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Generic event listener

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴