JavaScript >> Javascript チュートリアル >  >> JavaScript

JavaScriptをクリックせずにクリックイベントをトリガーする方法|サンプルコード

クリックせずにネイティブ JS でクリック イベントをトリガーする場合は、要素 ID と JavaScript の click() メソッドを使用します。

構文 :要素の JavaScript トリガー クリック

document.getElementById('myElementID').click();

JavaScript の例でクリックせずにクリック イベントをトリガーする

完全な HTML サンプル コード:

「トリガー」ID を持つ 1 つのボタンを作成し、msg() 関数を onClick 属性に割り当てます。ボタンをクリックすると、msg() 関数がポップアップ アラートをトリガーします。

<html>  
<body>  
	<button id="trigger" onclick="msg()">Auto Click</button>

	<script>
		document.getElementById("trigger").click();

		function msg(){
			alert("Auto click");
		}
	</script>

</body>  
</html>  

出力 :

この JS イベントのトピックについて疑問や提案がある場合は、コメントしてください。

注: すべての JS サンプル コード Firefox ブラウザーと Chrome ブラウザーでテストされています。

OS:Windows 10

コード:HTML 5 バージョン


  1. あなたが知らなかった 3 つの最小侵襲性スーパーチャージ JS DEBUG ツール

  2. 学習に役立つ5バイトサイズのショット

  3. ポップアップ マップ Javascript で定義されていないデータを削除する