最初にコードをアップロードします。
コードコピーは次のとおりです。
<head>
<title> </title>
<script src = "scripts/jquery-1.4.1.js" type = "text/javascript"> </scrip>
<script type="text/javascript" language="javascript">
$(function(){
$( "div")。bind( "click.a"、function(){//イベントをクリックします
$( "body")。append( "<p> click event </p>");
})
$( "div")。bind( "dblclick.a"、function(){//ダブルクリックイベント
$( "body")。append( "<p> dblclick event </p>");
})
$( "div")。bind( "mouseover.a"、function(){//要素を通過するマウスのイベント
$( "body")。append( "<p>マウスオーバーイベント</p>");
})
$( "div")。bind( "mouseout.a"、function(){//マウスのイベントが出て行く要素
$( "body")。append( "<p> mouseout event </p>");
})
})
</script>
</head>
<body>
<div> jquery namespace </div>
</body>
効果は図に表示されます。また、ダブルクリックするときにトリガーしたくない場合
イベントをクリックしてダブルクリックイベントをトリガーするだけで問題を解決する方法は?また、ダブルクリックするときにクリックイベントを解除しようとしました。
しかし、このようにして、クリックイベントはもはや役に立ちません。 。 。
その後、フォーラムの誰かに尋ねて、ついに答えを得ました。つまり、settimeout()メソッドを使用して、今回の時間間隔を設定します
ダブルクリックの時間間隔が300ms未満であるため、ダブルクリックすると300msに設定されているため、クリックイベントは生成されませんが、生成のみが生成されます。
dblclickイベント。ダブルクリックイベントでは、ClearTimeout()関数を使用してクリックイベント処理をクリアする必要があります。コードは次のとおりです。
コードコピーは次のとおりです。
<script type="text/javascript" language="javascript">
$(function(){
var timer = null;
$("div").bind("click.a", function () { //单击事件
ClearTimeout(タイマー);
Timer = setimeout(function(){//クリックイベントにsettimeout()関数を追加して、クリックイベントでトリガーされる時間間隔を設定します
$( "body")。append( "<p> click event </p>");
}、300);
})
$( "div")。bind( "dblclick.a"、function(){//ダブルクリックイベント
ClearTimeout(タイマー);
$( "body")。append( "<p> dblclick event </p>");
})
$( "div")。bind( "mouseover.a"、function(){//要素を通過するマウスのイベント
$( "body")。append( "<p>マウスオーバーイベント</p>");
})
$( "div")。bind( "mouseout.a"、function(){//マウスのイベントが出て行く要素
$( "body")。append( "<p> mouseout event </p>");
})
})
</script>
このようにして、この問題は解決されます!