HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <template> タグ

HTML onclickイベント属性

ユーザーが要素をクリックすると、clickイベントがトリガーされます。clickイベントの実行順序は、mousedownとmouseupイベントの後です。

HTML イベント属性

注意：clickイベントを使用してアクションをトリガーする場合、keydownイベントにもこのアクションを追加することを検討してください。これにより、マウスやタッチスクリーンを使用しないユーザーも同じ操作を行うことができます。

オンラインサンプル

ボタンをクリックしたときにJavaScriptを実行します：

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML　onclick　イベント属性の使用(基本チュートリアルウェブ　oldtoolbag.com)</title>
<script>
function　demo_click()
{
　　　　alert(&39;ハ,onclickイベントを実行しました39;);
}
</script>
</head>
<body>
<button　onclick="demo_click()">試してみて</button>
<p>ボタンをクリックすると関数がトリガーされます。関数はalertボックスを弹出します。</p>
</body>
</html>

テストをしてみる ‹/›

ブラウザ互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがonclickイベント属性をサポートしています

定義と用法

マウスで要素をクリックするとonclick属性がトリガーされます。

注意： onclick属性は以下の要素に適用できません：<base>, <bdo>, <br>、 <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, または<title>。

HTML 4.01 HTMLと5の違い

ありません。

文法

<element onclick="script">

属性値

値	説明
script	onclickイベントがトリガーされたときに実行されるスクリプトを指定します。

HTML イベント属性

HTML: <template> タグ