onclick イベントは、要素がクリックされたときに実行されるコードを指定する JavaScript のイベント ハンドラーです。手順は次のとおりです。 1. 要素を選択します。 2. onclick 属性を設定します。 3. 関数を定義します。 onclick イベントを使用して実行できるアクションには、スタイルの変更、ナビゲーションのトリガー、モーダル ウィンドウの開き、フォームの検証、データの送信などがあります。
JavaScript での onclick イベントの記述方法
onclick イベントは、JavaScript の重要なイベント ハンドラーです。要素がクリックされたときに実行されるコードを指定します。
構文:
<code>element.onclick = function() {
// 执行代码
};</code>ステップ:
例:
次の例では、ボタンを作成し、ボタンがクリックされたときに変更される onclick イベント ハンドラーを追加します。ページの背景色:
<code><button id="myButton">点击我</button>
<script>
const button = document.getElementById("myButton");
button.onclick = function() {
document.body.style.backgroundColor = "blue";
};
</script></code>その他の用途:
スタイルの変更に加えて、onclick イベントは次の目的にも使用できます:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
