js中tap事件阻止冒泡的实现方法

作者: 关于计算机  发布:2019-09-06

正文实例呈报了zepto.js中tap事件阻止冒泡的贯彻方式。分享给大家供大家参照他事他说加以考察。具体如下:

zepto.js中tap事件阻止冒泡的贯彻格局,zepto.jstap

正文实例叙述了zepto.js中tap事件阻止冒泡的贯彻格局。分享给大家供我们仿效。具体如下:

多年来在弄五个手机版的网址,本来想用jQuery Mobile,但文件太大了,所以用了zepto.js

是因为活动网页中选拔click事件会有延迟,所以就用上了zepto.js中的tap事件。

接纳click事件能够运用stopPropagation来堵住冒泡,但tap使用该办法行不通

前几天本身供给达成那样三个效能:点击a.btn那几个开关,然后展现div.panel,当本人点击非div.panel时遮掩div.panel

$("a.btn").on("tap",function(e){
  e.stopPropagation();//该方法不起作用
  $("div.panel").show();
});
$(document).on("tap",function(e){
  $("div.panel").hide();
});

经过调试工具,获得e这些目的中有三个target属性,于是能够透过该属性来完毕所急需的机能:

$("a.btn").on("tap",function(){
  $("div.panel").show();
});
$(document).on("tap",function(e){
  if(!$(e.target).hasClass("btn")){
    $("div.panel").hide();
  }
});

如此这般算是化解了

可望本文所述对我们的javascript程序设计有所协助。

本文实例陈说了zepto.js中tap事件阻止冒泡的兑现格局。分享给大家供大家参照他事他说加以考察。具体如下:...

近来在弄贰个手提式有线电话机版的网站,本来想用jQuery Mobile,但文件太大了,所以用了zepto.js

鉴于移动网页中利用click事件会有延迟,所以就用上了zepto.js中的tap事件。

动用click事件能够动用stopPropagation来阻止冒泡,但tap使用该格局行不通

这段日子本人索要贯彻如此二个功力:点击a.btn那些开关,然后呈现div.panel,当本人点击非div.panel时隐蔽div.panel

$("a.btn").on("tap",function(e){
  e.stopPropagation();//该方法不起作用
  $("div.panel").show();
});
$(document).on("tap",function(e){
  $("div.panel").hide();
});

由此调节和测量检验工具,获得e那些目的中有三个target属性,于是能够经过该属性来完成所急需的成效:

$("a.btn").on("tap",function(){
  $("div.panel").show();
});
$(document).on("tap",function(e){
  if(!$(e.target).hasClass("btn")){
    $("div.panel").hide();
  }
});

如此到底消除了

仰望本文所述对大家的javascript程序设计有着帮忙。

您恐怕感兴趣的稿子:

  • js阻止私下认可事件与js阻止事件冒泡示例分享js阻止冒泡事件
  • js阻止冒泡及jquery阻止事件冒泡示例介绍
  • js阻止冒泡和私下认可事件(暗中同意行为)详解
  • js冒泡、捕获事件及阻止冒泡方法详细总括
  • JS阻止冒泡事件以及暗中认可事件发生的简便方法
  • js利用事件的掣肘冒泡完毕点击空白模态框的遮掩
  • JavaScript中抓获/阻止捕获、冒泡/阻止冒泡方法
  • 浅谈javascript事件打消和拦阻冒泡
  • JS职业中的小贴士之”闭包“与事件委托的”阻止冒泡“
  • JavaScript捕捉事件和阻止冒泡事件实例深入分析

本文由今晚开什么码发布于关于计算机,转载请注明出处:js中tap事件阻止冒泡的实现方法

关键词:

上一篇:JavaScript获取文本框内选中文本的方法
下一篇:没有了