最新のWeb開発のチュートリアル
 

HTMLのonclickイベント属性

<HTMLイベント属性

ボタンがクリックされたときにJavaScriptを実行します。

<button onclick="myFunction()">Click me</button>
»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。


定義と使用法

onclick要素上でのマウスクリックで火災を属性。


ブラウザのサポート

イベント属性
onclick はい はい はい はい はい

HTML 4.01とHTML5の違い

なし。


構文

<elementonclick=" script ">

属性値

説明
script onclickの上で実行するスクリプト

技術的詳細

サポートされているHTMLタグ: :以外のすべてのHTML要素、 <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

その他の例

クリックして<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 event


<HTMLイベント属性