快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

JQuery事件——鼠标事件-创新互联

鼠标事件.click()、.dbclick()、.mousedown()和 .mouseup()

创新互联建站是一家集网站建设,沈北新企业网站建设,沈北新品牌网站建设,网站定制,沈北新网站建设报价,网络营销,网络优化,沈北新网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

1  .click()用于监听用户单机操作


2  .dbclick()用于监听用户双击操作

3  $ele.click()绑定$ele元素,不带任何参数一般是用来指定触发一个事件

4  $ele.click(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作,方法中的this是指向绑定事件的元素

5   $ele.click([eventData],handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作,方法中的this是指向绑定事件的元素,还可以接受一个数据参数,是为了解决不同作用域下数据传递的问题

6   .click()由mousedown和mouseup2个动作构成,所以点击的动作只有在松手后才触发

7  .dbclick()由2个click叠加而来,所以dblclick事件只有在满足以下4个条件的情况下才能被触发

  鼠标指针在元素里面时点击

  鼠标指针在元素里面时释放

  鼠标指针在元素里面时再次点击,点击间隔时间是系统规定的

  鼠标指针在元素里面时再次释放

8  在同一元素上同时绑定click和dblclick事件是不可取的 ,用户可以通过不同的操作系统和浏览器配置双击灵敏度

9  各个浏览器的触发顺序不同,一些浏览器在dblclick之前接受两个click事件,而一些浏览器只接受一个click事件

10  .mousedown()监听用户鼠标按下的操作

11  .mouseup()监听用户鼠标弹起的操作

12  $ele.mousedown()绑定$ele元素,不带任何参数,用来指定触发一个事件

13   $ele.mousedown(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以针对事件的反馈做很多操作

14   $ele.mousedown([eventData],handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调handler函数,可以接受一个数据参数,是为了解决不同作用域下数据传递的问题

15  .mousedown()事件触发的要求

   .mousedown()是强调按下触发

  在一个元素上按住鼠标不放,拖动鼠标离开这个元素,释放鼠标键,这也是 .mousedown()事件

  任何鼠标按钮被按下时都能触发 .mousedown()事件

  用event对象的which区别按键敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3

16   .mouseup()事件触发的要求

  .mouseup()强调是松手触发,与.mousedown()相反

  .mouseup()与.mousedown()组合起来就是click事件

  在一个元素上按下鼠标按键,拖动鼠标离开这个元素,释放鼠标键,这也是.mouseup()事件

  用event对象的which区别按键敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3

  任何鼠标按钮松手时都能触发.mouseup()事件

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站栏目:JQuery事件——鼠标事件-创新互联
新闻来源:http://6mz.cn/article/cepecs.html

其他资讯