Home/ Questions/Q 8155569
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T16:42:27+00:00

I am used to using inline events in my websites for example <head> <script>

  • 0

I am used to using inline events in my websites for example

<head>
<script>
function func() {
alert("test");
}
</script>
</head>
<body>
<div id="mydiv" onclick="func()"></div>
</body>

I noticed that sites these days do not use inline events at all. I know you can set events pragmatically like:

document.getElementById('mydiv').onclick = function(){ func()}

Is this how it should be done? Do I have to put the above line at the end of every page?

How are the keypress,click, and blur events attached to the input fields on this site for example: https://twitter.com/signup

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The cleanest way to add event listeners is to use the built in methods :

    var el = document.getElementById('mydiv');
if (el.addEventListener) {
  el.addEventListener('click', modifyText, false); 
} else if (el.attachEvent)  {
  el.attachEvent('onclick', modifyText);
}

function modifyText() {

}

    This promotes cleaner more readable and reusable code. (Note attachEvent is for pre IE9)

    You can either place this code at the end of the <body> tag (or anywhere within the <body> tag but after the DOM element is added) or within a window onload function – which executes after the DOM has completed loading :

    window.onload = function() {  
  // here
};
    • 0