マウスクリック無効化(前回の続き)
タイマーを止めたあと、マウスクリックイベントを停止するサンプルです。
onclick に null を代入しています。
----
<!DOCTYPE html> <html> <head> <title>global test timer</title> <meta charset="UTF-8"> <script> "use strict"; // 広域変数 var testValue=0,timer; var message,addCount; // // 初期化関数 function init() { // alert("init"); message = document.getElementById("message"); message.textContent=testValue; addCount = document.getElementById("addCount"); // alert(document.getElementById("addCount")); // alert(addCount); // alert("init2"); addCount.onclick=click; // alert("start"); timer = setInterval(tick, 100); } function tick(){ if(testValue < 5){ message.textContent=testValue; }else{ message.textContent="end"; addCount.onclick=null; clearInterval(timer); } } function click(e){ testValue++; alert(testValue); //debug } </script> </head> <body onload="init()"> <button id="addCount">click test</button> <p id="message"></p> </body> </html>
--
http://www3.synapse.ne.jp/wtz/programming/html5/globalTestTimer2.html
----
コメント