【jQuery】イベントdblick()メソッド

2584 ワード

JavaScript jquery イベント webフロントエンド開発 dblclick

≪インスタンス｜Instance｜emdw≫
ボタンをダブルクリックすると、要素を非表示または表示にします.

$("button").dblclick(function(){
  $("p").slideToggle();
});

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").dblclick(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>      。</p>
<button>     </button>
</body>
</html>
       
      ，    dblclick   。
            ，            ，       click。
            click，     double click   。
dblclick()      dblclick   ，       dblclick         。
  ：    dblclick   click          ，       。
  <html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").dblclick(function(){
    $("p").slideToggle();
  });
  $("p").click(function(){
    $("button").dblclick();
  });
});
</script>
</head>
<body>
<button>     </button>
<p>                dblclick   。</p>
</body>
</html>

Jquery現在の画面の幅、高さを取得

jQueryイベントバインドとバインド解除の実装方法