jQueryマウスイベントクリックイベント

対話型操作において、最も単純で直接的な操作はクリック操作です。

jQuery には、ユーザーのクリック操作を監視する click メソッドと、ユーザーのダブルクリック操作を監視する dbclick メソッドの 2 つのメソッドが用意されています。

これら 2 つのメソッドの使用法は似ています。click() イベントを例に挙げてみましょう。$('').click() を使用するのは非常に簡単です。

例を見てみましょう。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>事件</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <input type="button" value="click">

    <script>
        $("input").click(function(){
            alert("触发点击事件");
        })
    </script>
</body>
</html>

上記のコードでは、ボタンのクリックイベントを作成したことがわかります。ローカルで試すことができます

。

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>事件</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <input type="button" value="click"> <script> $("input").click(function(){ alert("触发点击事件"); }) </script> </body> </html>

提出するリセットコード

自動運転