js实现冒泡事件,点击ul给子标签添加相同事件和阻止冒泡事件

$(‘#LocalLife_PopUp_layer‘).find(‘.SelectCity_Cont ul‘).click(function(e){
            var e=e||window.event;
            var obj=e.target||e.srcElement;
            $(‘#LocalLife_PopUp_layer‘).find(‘.SelectCity_Cont ul‘).find(‘i‘).removeClass("Selectmark");
            $(obj).find("i").addClass("Selectmark");
            var CityVal = $(obj).text();
            $(‘#DuohuiReturn_Nav‘).find("li:first").find("em").text(CityVal);
            ShowHide();
            return false;
        })

var e=e||window.event;
                 if(e&& e.stopPropagation()){
                    e.stopPropagation();
                 }else{
                    e.cancelBubble = true;
                 }

时间: 2024-08-29 03:09:22

js实现冒泡事件,点击ul给子标签添加相同事件和阻止冒泡事件的相关文章

js点击图片删除子标签li

上图的效果图请看下面 点击图片部分会删除子标签li部分

利用事件的冒泡特性,为子标签添加Onclick事件

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript

向标签添加angularjs的相关属性以及事件

<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.m

深入React事件系统(React点击空白部分隐藏弹出层;React阻止事件冒泡失效)

只关注括号内问题的同学,可直接跳转到蓝字部分.(标题起的有点大,其实只讨论一个问题) 两个在React组件上绑定的事件,产生冲突后,使用e.stopPropagation(),阻止冒泡,即可防止事件冲突,毫无问题. 今天是踩了个React事件的坑,需求可以简化为:点击框体以外的部分则隐藏框体.最直接的想法,document上绑定个事件,设置控制显示隐藏的state为false,在框体上绑定个事件,阻止冒泡.这样点击框体内部就不会触发document上的事件. 等写完了,发现一个问题,无法阻止冒泡

阻止jQuery事件冒泡

Query对DOM的事件触发具有冒泡特性.有时利用这一特性可以减少重复代码,但有时候我们又不希望事件冒泡.这个时候就要阻止 jQuery.Event冒泡. 在jQuery.Event 的文档 中的开头得知,jQuery.Event对象是符合W3C标准的一个事件对象,同时jQuery.Event免去了检查兼容IE的步骤. jQuery.Event提供了一个非常简单的方法来阻止事件冒泡:event.stopPropagation(); Js代码   $("p").click(functio

弹出菜单 阻止冒泡

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>弹出菜单,阻止冒泡</title> <style> </style> <script src="jquery-1.9.1.js"></script> <script> $(fu

jQuery阻止冒泡和HTML默认操作

jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发. 1:jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发. 2:在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解: 条件:外层有一个DIV元素,在内层有一个P元素,他两存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包

on绑定阻止冒泡失败

使用zepto库,有如下dom 1 <div id="J_parent"> 2 <a href="#"> 3 <span>点我有惊喜</span> 4 </a> 5 </div> 以上div内的节点是后续生成的,通过on绑定事件: 1 $('#J_parent').on('tap', 'span', function(e){ 2 e.preventDefault(); 3 e.stopPropa

js的事件冒泡和点击其他区域隐藏弹出层

一.前言 在编写页面的时候,我们经常使用到弹出层.对于弹出层,原本的意义就是增加与用户的交互,提升用户的好感度.如果弹出层都没有较好的体验,那何谈通过交互来提升好感... 首先提出几个弹出层的注意点: 弹出层的界面需要统一,不一致的弹出层并不能增加美感,相反还会显得页面布局更加杂乱无章: 弹出层的设计一定要好看,按钮要符合项目的主色调: 弹出层的宽度固定屏幕占比,设置max-width,高度根据内容自适应: 点击其他区域隐藏弹出层... 二.正文 今天,主要说说点击其他区域隐藏弹出层.笔者被这个