js中简单阻止事件冒泡的方法-js教程-网页制作-壹聚教程网js中简单阻止事件冒泡的方法
文章找了两个关于js中简单阻止事件冒泡的方法，这两个实现方法与函数都非常的简单有效，希望文章对各位有帮助。
JavaScript 阻止事件冒泡，无使用其它插件来辅助，原生JS代码，考虑到浏览器的兼容性问题，这里对IE/火狐、Operating以及Chrome都有针对性的判断，代码如下：
function cancelBubble(evt) {
&// 阻止事件冒泡
&if (window.event) {
&&// Chrome,IE6,Opera
&&window.event.cancelBubble =
&&// FireFox 3
&&evt.stopPropagation();
停止事件传播
事件对象还提供了一个.stopPropagation()方法，该方法可以完全阻止事件冒泡。与.target类似，这个方法也是一种纯JavaScript特性，但在跨浏览器的环境中则无法安全地使用 。不过，只要我们通过jQuery来注册所有的事件处理程序，就可以放心地使用这个方法。
下面，我们会删除刚才添加的检查语句event.target == this，并在按钮的单击处理程序中添加一些代码：
复制代码 代码如下:
$(document).ready(function(){
&$('#switcher .button').click(funtion(event){
&& event.stopPropagation();
& 同以前一样，需要为用作单击处理程序的函数添加一个参数，以便访问事件对象。然后，通过简单地调用event.stopPropagation()就可以避免其他所有DOM元素响应这个事件。这样一来，单击按钮的事件会被按钮处理，而且只会被按钮处理。单击样式转换器的其他地方则可以折叠和扩展整个区域。
简单的实现了一下，整了半天，代码如下：
&&& &style type=&text/css&&
&&&&&&&& #hide{
&&&&&&&& &width:75%;height:80background:display:
&&&&&&&& }
&&&&&&&& .hander{cursor:}
&&&&&&&& input{
&&&&&&&& &margin:5 0 0 900;
&&&&&&&& }
&&& &/style&
&&&&&& &script&
&&&&&&& //不用window.onload也可以
&&&&&&&& document.documentElement.onclick = function() {
&&& & &document.getElementById('hide').style.display = 'none';&
&&&& //阻止冒泡事件方法
&&&& function stopPropagation(e) {&
&&&&& e = e || window.&
&&&&& if(e.stopPropagation) { //W3C阻止冒泡方法&
&&&&&&&&& e.stopPropagation();&
&&&&& } else {&
&&&&&&&&& e.cancelBubble = //IE阻止冒泡方法&
&&//方法必须要放在window.onload下
&&window.onload = function(){
&&&document.getElementById(&hide&).onclick = function(e) {
&& &&& &stopPropagation(e);
&&&&& document.getElementById('btn_show').onclick = function(e) {&
&&&&&&&& &document.getElementById('hide').style.display = 'block';&
&&&&&&&& &stopPropagation(e);&
&&&&& &/script&
&&&div id=&hide& class=&hander&&click here nothing happen,you can click beside this area&/div&
&&&input type=&button& id=&btn_show& value=&show& class=&hander&/&
上一页： &&&&&下一页：相关内容冒泡游戏收费有的改了，以前的方法不能用了怎么办？跪求高手指点！~~~~~-中国学网-中国IT综合门户网站-提供健康,养生,留学,移民,创业,汽车等信息
> 信息中心 >
冒泡游戏收费有的改了，以前的方法不能用了怎么办？跪求高手指点！~~~~~
来源：互联网 发表时间： 5:20:09 责任编辑：鲁晓倩字体：
为了帮助网友解决“冒泡游戏收费有的改了，以前的方法不能用了怎么办？跪求高手指点！~~~~~”相关的问题，中国学网通过互联网对“冒泡游戏收费有的改了，以前的方法不能用了怎么办？跪求高手指点！~~~~~”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:冒泡游戏收费有的改了，以前的方法不能用了怎么办？跪求高手指点！~~~~~，具体解决方案如下：解决方案1：冒泡游戏收费有的改成了灰色的，要获取收费资料的那种，用以前的方法它就说付费失败，怎么办啊？跪求高手指点！~~~~~急急急急急急急急急急.................. 成功了我在加50分咯 《我没图片》解决方案2：显示付费失败的原因可能是你两次付费的时间间隔太短了等一会在整
你打10086人工台 说办理【关闭移动梦网业务】这样你玩游戏发短信过一会来一条短信会说【本次请求未经授权】你就可以放心的完了
我的就是这样玩的 还没被扣过费 不过联网收费的这个方法好像不行
相关文章：
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 中国学网 版权所有
京ICP备号-1 京公网安备02号支付宝也将提现收费 这几招让你避免影响_凤凰财经
支付宝也将提现收费 这几招让你避免影响
用微信扫描二维码分享至好友和朋友圈
支付宝发布公告称，自日起，支付宝将对个人用户超出免费额度的提现收取0.1%的服务费，个人用户每人累计享有2万元基础免费提现额度。在用完基础免费额度后，用户可以使用蚂蚁积分兑换更多免费提现额度。企业用户暂不收费。,,
9月12日，支付宝发布公告称，自日起，支付宝将对个人用户超出免费额度的提现收取0.1%的服务费，个人用户每人累计享有2万元基础免费提现额度。在用完基础免费额度后，用户可以使用蚂蚁积分兑换更多免费提现额度。企业用户暂不收费。听闻此消息，宝宝都哭晕在厕所里，金小鲸(id:lanjinghj)来给大家支支招。再来看看支付宝和微信收费对比。可以放心的是，余额宝转出并不收费。支付宝公告表示，余额宝资金转出，包括转出到本人银行卡和转出到支付宝余额将继续免费。不过，日起，用户从余额新转入余额宝的资金，转出时只能转回到余额，不能直接转出到银行卡。用户如果余额里有钱担心被收费，现在把钱转入余额宝会是一个最佳选择。提现是指用户通过第三方支付平台把资金转到银行卡的行为。根据公告，支付宝的提现涉及&提现到本人银行卡&和&转账到他人银行卡&两个功能。按照调整后的规则，支付宝也对超出免费额度的部分按提现金额的0.1%收取服务费，单笔服务费不到0.1元的则按照0.1元收取。公告显示，除了提现之外，使用支付宝进行消费、理财、购买保险、手机充值、水电煤缴费、挂号、缴纳交通罚款、使用手机支付宝转账到支付宝账户、还款等服务不受任何影响，用户免费使用的同时还可以获得蚂蚁积分。在用完免费额度后，用户累积的蚂蚁积分可以用于兑换免费提现额度。支付宝方面介绍，目前兑换比例是，1个蚂蚁积分可以兑换1块钱的免费提现额度，上不封顶。收费的原因，支付宝方面称，收费的原因是&综合经营成本上升较快&，调整提现规则是为了减轻部分成本压力。支付宝方面表示，最终选择对提现而不是在其他环节收费，是因为用户用支付宝支付的频次比提现高出很多。用户使用支付宝更多是用于各种消费、理财、缴费、还信用卡、手机充值等，提现的需求相对而言少一些。仅对提现进行收费，用户受到的影响会相对小很多。早在今年3月1日起，微信就开始对户提现收取0.1%的手续费，相比支付宝每位2万元的提现额度，微信设计的是每位用户累计享有1000元免费提现额度。彼时，微信表示&提现收手续费并不是追求营收之举，而是用于支付银行手续费。&而支付宝此举，也是打脸。早在2月份微信发出消息要收手续费时，支付宝在微博上回应网友称，支付宝提现不收费。来源：蓝鲸传媒
[责任编辑：wemoney PF055]
责任编辑：wemoney PF055
用微信扫描二维码分享至好友和朋友圈
&& & 
免责声明：本文仅代表作者个人观点，与凤凰网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
预期年化利率
凤凰点评：凤凰集团旗下公司，轻松理财。
凤凰点评：业绩长期领先，投资尖端行业。
凤凰点评：进可攻退可守，抗跌性能尤佳。
同系近一年收益
凤凰点评：震荡市场首选，防御性能极佳且收益喜人，老总私人追加百万。
凤凰财经官方微信
播放数：1202485
播放数：1169237
播放数：547052
播放数：5808920
下列哪项不能防止电脑辐射？
对啦，马上看美图~
答对才能看美图哦~
不对，再猜猜呗~今天看啥 热点：
zepto.js中tap事件阻止冒泡的实现方法&这篇文章主要介绍了zepto.js中tap事件阻止冒泡的实现方法,实例分析了由冒泡产生的click延迟解决方法,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
暂无相关文章
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&&&&&&&&&
Javascript最近更新给个破解冒泡游戏收费的方法，因为每次玩都要收费，改短信中心号码也没用了，费卡玩也没用，请各位给个..._百度知道