HTMLonclickイベント属性
例
ボタンがクリックされたときにJavaScriptを実行します。
<button onclick="myFunction()">Click me</button>
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
onclick属性は、要素をマウスでクリックすると発生します。
ブラウザのサポート
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |
構文
<element onclick="script">
属性値
| Value | Description |
|---|---|
| script | The script to be run on onclick |
技術的な詳細
| サポートされているHTMLタグ： | <base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>、および<title>を除くすべてのHTML要素 |
|---|
その他の例
例
<p>要素をクリックして、テキストの色を赤に変更します。
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
例
ボタンをクリックして、入力フィールドから別の入力フィールドにテキストをコピーします。
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
関連ページ
HTML DOMリファレンス：onclickイベント
❮HTMLイベント属性