ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLでのクリックの使い方は何ですか?
HTMLでのクリックの使い方は何ですか?
- 醉折花枝作酒筹オリジナル
- 2021-06-04 14:14:1210242ブラウズ
HTML での click の使用法は「checkboxObject.click()」です。 「click()」メソッドは「onclick()」イベントをトリガーします。このイベントは、チェックボックス上のマウスクリックをシミュレートするために使用されます。 「click()」メソッドに関数を追加すると、イベントを追加する役割を果たすことができます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
定義と使用法
click() メソッドは、チェックボックスのマウスクリックをシミュレートするために使用されます。この関数は、onclick() イベントをトリガーします。
メソッド: これは処理プロセスです。つまり、再利用を容易にし、重複を避けるためにカスタム コードをカプセル化およびパッケージ化します;
要素のクリックが実行されると () メソッドが onclick() イベントをトリガーします。
click() メソッドにイベントを追加する関数を追加できます;
click メソッドの関数コードは、onclick イベントの実行後に実行されます。このとき、クリックメソッドはイベントを追加する役割を果たします。イベントの役割。
構文
checkboxObject.click()
例
次の例では、チェックボックスのマウスクリックをシミュレートできます:
<html>
<head>
<script type="text/javascript">
function clickCheckbox() {
document.getElementById("check1").click();
}
</script>
</head>
<body>
<form>
<input type="checkbox" id="check1" />
<br />
<input type="button" onclick="clickCheckbox()" value="Click checkbox" />
</form>
</body>
</html>効果:
拡張情報:
HTML における click() と onclick() の本質的な違い、事例と説明、4 つのポイントに分けて;
最初のポイント: 英語訳:
On の意味: 開く、接続する、マウス イベントのトリガー条件;
は onclick() がイベントを表すことを示します; HTML では click() はメソッド;
2 番目のポイント: 中国語の説明:
イベントとは何ですか?メソッドとは何ですか?
イベント: マウスのストロークの出入り、クリック、ダブルクリックなどのマウス イベントのトリガー条件。
メソッド: 処理プロセス、つまり、再利用を容易にし、重複を避けるためのカスタム コード;
単純に次のように記録されます: イベント: トリガー イベント、メソッド: 処理プロセス;
3 番目のポイント::click() と onclick( の関係) )
onclick() はバインディング イベントです: その機能は関数コードを実行することです;
click() 自体はメソッドです: その機能は onclick() イベントをトリガーすることです
推奨学習: HTML ビデオ チュートリアル
以上がHTMLでのクリックの使い方は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。