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 サイトの他の関連記事を参照してください。