零基础建站培训介绍

当前位置:

jquery双击事件dblclick()使用方法

  1. 打开html前端开发软件,创建一个html页面,然后在这个页面上创建,同时输入一些文字。代码:
    
    
    <div>
    <div>大家好,鼠标双击会有意想不到的惊喜哦。</div>
    </div>
  2. 引入jquery库。dblclick 事件是jquery库封装好的一个方法,为了能使用到dblclick 需要引入jquery库(注:案例中使用的是本地的jquery库)。如图:代码:jquery双击事件;dblclick()
  3. 创建dblclick双击事件。对标签创建dblclick 事件,案例中双击文本后会弹出一个alert()提示框。如图:代码:
    
    
    $("button").dblclick(function(){
    $("p").slideToggle();
    });
上一课: 下一课: