addEventListener
var btn = document.getElementById("About");
btn.addEventListener("click", About);
var btn = document.getElementById("About");
btn.attachEvent("onclick", About);
var btn = document.getElementById("About");
btn.addEventListener("click", About);
var btn = document.getElementById("About");
btn.attachEvent("onclick", About);
<head> <script type="text/javascript"> function OnButtonDown (button) { button.style.color = "#ff0000"; } function OnButtonUp (button) { button.style.color = "#000000"; } function Init () { var button = document.getElementById ("testButton"); if (button.addEventListener) { // all browsers except IE before version 9 button.addEventListener ("mousedown", function () {OnButtonDown (button)}, false); button.addEventListener ("mouseup", function () {OnButtonUp (button)}, false); } else { if (button.attachEvent) { // IE before version 9 button.attachEvent ("onmousedown", function () {OnButtonDown (button)}); button.attachEvent ("onmouseup", function () {OnButtonUp (button)}); } } } </script> </head> <body onload="Init ()"> Click on the following button and see its text color. <br /> <button id="testButton">Test button</button> </body>
댓글 없음:
댓글 쓰기