ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptでクリックイベントをキャンセルする方法
クリック イベントをキャンセルする Javascript メソッド: onclick メソッドを使用してイベントがバインドされている場合、[btn.onclick=null;] などのイベント ハンドラーを削除してクリック イベントをキャンセルできます。
#この記事の動作環境: Windows10 システム、JavaScript 1.8.5、thinkpad t480 コンピューター。
JavaScript のイベントは DOM0 レベルと DOM2 レベルに分かれていることがわかっています。onclick メソッドを使用してイベントがバインドされている場合は、イベント ハンドラーを削除してクリック イベントをキャンセルできます。
btn.onclick=null;//删除事件处理程序
addEventListener() メソッドを使用してイベントを追加する場合、removeEventListener() を通じてイベントを削除できます。次の 2 つの点に注意する必要があります:
1. RemoveEventListener の 3 番目のパラメータ() は addEventListener() と同じである必要があります。メソッドの 3 番目のパラメータは一貫しています。
2. addEventListener() メソッドを通じて追加された匿名関数は削除できません。
btn.aaddEventListener('click',function(){alert(1);},false); btn.removeEventListener('click',function(){alert(1);},false);//没有用!
aaddEventListener とremoveEventListener は同じパラメーターを渡しているように見えますが、実際には、removeEventListener の 2 番目のパラメーターと aaddEventListener の 2 番目のパラメーターはまったく異なる関数です。
引っ越したい場合は、これを行う必要があります:
var fn=function(){ alert(1); }; btn.aaddEventListener('click',fn,false); btn.removeEventListener('click',fn,false);//有效
推奨される学習: JavaScript ビデオ チュートリアル
以上がJavaScriptでクリックイベントをキャンセルする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。