jQuery

click（）

および

dblclick（）

イベントは、最も一般的に使用されるマウスイベントです。

  1. click（） – マッチした要素をマウスでクリックすると発生します.

  2. dblclick（） – マッチした要素をダブルクリックしたときに発生します.

自分で試してみてください

<html>
<head>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<style type="text/css">
    #singleClick, #doubleClick{
        float:left;
        padding:8px;
        margin:16px;
        border:1px solid blue;
        width:150px;
        height:150px;
        background-color:#999966;
    }

</style>

</head>

<body>

<h1>jQuery click() and dblclick() example</h1>

<div id="singleClick">
    Single Click Me
</div>

<div id="doubleClick">
    Double Clicks Me
</div>

<script type="text/javascript">

$('#singleClick').click(function(){
    $('#singleClick').slideUp();
});

$('#doubleClick').dblclick(function(){
    $('#doubleClick').fadeOut();
});

</script>

</body>
</html>


デモを試してください


jquery


マウス移動