詳細以下の例「自分にそれを試してみてください」。
定義と使用法
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