js冒泡事件的特例toggle无法实现阻止冒泡——slideDown()和slideUp()

【js冒泡事件的特例toggle无法实现阻止冒泡——slideDown()和slideUp()】的更多相关文章

js冒泡事件的特例toggle无法实现阻止冒泡——slideDown()和slideUp()

一.问题题目及答案展示:要求,点击题目,展开答案.如下: 展开前展开后最开始使用的toggle方法来实现 $(".content_problem").toggle( function(){ $(this).find(".answer").slideDown(); }, function(){ $(this).find(".answer").slideUp(); } ); 这个很容易实现效果,但是导致“删除”按钮无法点击,因为冒泡事件. 我尝…

js 停止事件冒泡阻止浏览器的默认行为（阻止超连接 # ）

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”. 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagation()方法e.stopPropagation(); else//否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true;return fal…

js中冒泡事件和捕获事件

js中冒泡事件和捕获事件: 冒泡事件:冒泡事件是从里向外,即是从被绑定元素开始一直向外到达页面的所有祖先元素都会被触发,这一过程被称为事件冒泡.这个事件从原始元素开始一直冒泡到DOM树的最上层捕获事件:捕获事件是从页面的最上层到被绑定元素都会触发. IE只支持事件冒泡,不支持事件捕获冒泡事件和捕获事件的方向是相反的. 形式如下图所示: 一般为浏览器中的元素绑定事件有2种方式: 一.直接在页面元素中进行绑定,此方式采用的是冒泡排序,如: <div id="eventExample&qu…

Js冒泡事件和捕获事件

js中冒泡事件和捕获事件: 冒泡事件:冒泡事件是从里向外,即是从被绑定元素开始一直向外到达页面的所有祖先元素都会被触发,这一过程被称为事件冒泡.这个事件从原始元素开始一直冒泡到DOM树的最上层捕获事件:捕获事件是从页面的最上层到被绑定元素都会触发. IE只支持事件冒泡,不支持事件捕获冒泡事件和捕获事件的方向是相反的. 形式如下图所示: 一般为浏览器中的元素绑定事件有2种方式: 一.直接在页面元素中进行绑定,此方式采用的是冒泡排序,如: <div id="eventExample&qu…

js进阶 12-2 彻底弄懂JS的事件冒泡和事件捕获

js进阶 12-2 彻底弄懂JS的事件冒泡和事件捕获一.总结一句话总结:他们是描述事件触发时序问题的术语.事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件.相反的,事件冒泡是自下而上的去触发事件.绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获.true,事件捕获:false,事件冒泡.默认false,即事件冒泡. 1.事件冒泡是什么? 先child,然后parent.事件的触发顺序自内向外,这就是事件冒泡. 2.事件捕获是什么? 先parent,然后…

JS:event对象下的target属性和取消冒泡事件

1.target 通过获取DOM元素 var box = document.getElementById("box"); document.box.onclick = function(){ alert(123);//123 } event对象下的target方法 :获取事件的目标,不用document.getElementById("box")即可获取目标; 但是target方法支持ie9以上的浏览器器,Chrome,ff,IE9以下的是不支持的. //W3C下…

彻底弄懂JS的事件冒泡和事件捕获（不推荐阅读）

由于搬去敌台了,好久没来博客园,今天无意中翻到有“误认子弟”的评论,这里特意做个说明. 本文中关于事件冒泡和事件捕获的描述和例子都是OK的,错就错在后面用jquery去展示了利用事件冒泡的例子有误,其实这部分就是“事件委托”,而当时的我并不知道,这一点在我很久之前的评论中纠正过. 归根结底,是当时的我对dom事件这个东西没有一个系统的认识.事件模型.事件流.event对象.事件代理/委托.甚至自定义事件,加起来才是dom事件的全貌,都理解了才能彻底弄懂.本想删除了事,但抱着尊重历史的态度(其实是…