ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでonclickイベントを削除する方法

JavaScriptでonclickイベントを削除する方法

WBOY
WBOYオリジナル
2021-12-14 15:58:196648ブラウズ

onclick イベントを削除する Javascript メソッド: 1. "document.getElementById("id value")" ステートメントを使用して、id 値に基づいて要素オブジェクトを取得します。 2. "element object.onclick=" を使用します。 null;" ステートメントを使用して、onclick イベントを削除するだけです。

JavaScriptでonclickイベントを削除する方法

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript で onclick イベントを削除する方法

「document.getElementById("id value")」ステートメントを使用して取得できます。 ID 値に基づく要素オブジェクト。次に、「element object.onclick=null;」ステートメントを使用して、onclick イベントを削除します。

onclick イベントの要素を削除する例は次のとおりです。

<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function myFunction(){
document.getElementById("mybutton").onclick=null;
document.getElementById("demo").innerHTML="Hello World";
}
</script>
</head>
<body>
<p>单击按钮触发函数。</p>
<button onclick="myFunction()" id="myburtton">点我</button>
<p id="demo"></p>
</body>
</html>

出力結果:

JavaScriptでonclickイベントを削除する方法

(学習ビデオ共有: CSS ビデオ チュートリアル )

以上がJavaScriptでonclickイベントを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。