| Comments | HTML source | display in your current browser |
|---|
| onclick property, simple, works for IE and others, no multiple handlers |
<script type="text/javascript">
function call1() {
alert("button clicked");
}
</script>
<button id="b1" onclick="call1()">A button</button>
|
|
| addEventListener, not work for IE8 or before |
<button id="b2"> button2</button>
<script type="text/javascript">
var b2=document.getElementById("b2");
b2.addEventListener("click", call1, false);
</script>
|
|
| attachEvent, work for IE |
<button id="b3"> button3</button>
<script type="text/javascript">
var b3=document.getElementById("b3");
b3.attachEvent("onclick", call1);
</script>
|
|
| addEventListener or attachEvent, work for IE or others |
<button id="b4"> button4</button>
<script type="text/javascript">
var b4=document.getElementById("b4");
if (b4.attachEvent) {
b4.attachEvent("onclick", call1);
} else if (b4.addEventListener) {
b4.addEventListener("click", call1, false);
} else {
b4.onclick=call1;
}
</script>
|
|