JQ阻止默认事件与阻止冒泡

最新推荐文章于 2021-06-25 14:31:49 发布

xyphf_和派孔明

最新推荐文章于 2021-06-25 14:31:49 发布

阅读量1.2k

点赞数

分类专栏： DOM&BOM操作 Java全栈之路

本文链接：https://blog.youkuaiyun.com/xyphf/article/details/52729040

版权

DOM&BOM操作同时被 2 个专栏收录

64 篇文章

订阅专栏

Java全栈之路

55 篇文章

订阅专栏

<script>
$(function(){
    $(document).click(function(ev){
        alert(123);
    }); 

    $('#div1').click(function(ev){
        //alert(123);
        ev.stopPropagation();//仅阻止冒泡
    });

    $(document).contextmenu(function(ev){
        ev.preventDefault();//仅阻止默认事件
        return false;    //同时阻止默认事件和冒泡
    }); 
});
</script>

<body style="height:2000px;">
<div id="div1">aaaaaaaaaaaaaa</div>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xyphf_和派孔明

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JQuery阻止（默认）事件冒泡

IT界泥石流

06-15

9747

1.事件冒泡事件冒泡就是，你在执行元素点击事件的时候同时也会触发到此元素的其前辈元素的点击事件，从而可能造成一定程度上的程序混乱现象，为了避免这种情况的出现，现在我们可以使用阻止事件冒泡。阻止事件冒泡：even.stopPropagation();//不触发除本身之外的其他任何控件的事件【案例】定义两个div，第一个div里嵌套一个span标签，没以个di...

浅谈jQuery 中的事件冒泡和阻止默认行为

10-22

下面小编就为大家带来一篇浅谈jQuery 中的事件冒泡和阻止默认行为。小编举得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

参与评论您还未登录，请先登录后发表或查看评论

jq阻止事件冒泡

阵雨的博客

01-13

350

点击一个div显示悬浮层，点击页面其他地方隐藏 $(document).ready(function() { $(".my-hong").click(function(e) { if($(".my-people").hasClass("hide")) { $(".my-people").removeClass("hide"); } else { $(".my-people"

jQuery事件---阻止冒泡和默认行为

Twilight's Blog

06-16

1万+

冒泡如果在页面中重叠了多个元素，并且重叠的这些元素都绑定了同一个事件，那么就会出现冒泡问题。例如：<body> <div style="width:300px;height:300px;background-color:skyblue;"> <input type="button" value="button"/> </div> </body>如果document、d

JQ阻止事件冒泡

冯泽威的博客

10-30

529

原理时间冒泡由内而外，向外迸发，为了阻止无谓的事件发生，所以阻止事件冒泡方法一 $("#div1").mousedown(function(event){ event.stopPropagation(); });方法二 $("#div1").mousedown(function(event){ return false;

jq阻止冒泡事件

忘川

11-01

878

if(window.event){//IE下阻止冒泡 event.cancelBubble = true; }else{ event.stopPropagation(); }

利用JQuery阻止事件冒泡

10-20

对于表单提交事件，阻止默认行为可以这样写： ```javascript $("#sub").click(function(event){ var username = $("#username").val(); if(username == ""){ $("#msg").html("文本框的值不能为空.</p>"); event...

jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法

10-23

// 只阻止默认行为，不阻止冒泡 e.preventDefault(); }); ``` 3. 使用`event.stopPropagation()`：此方法用于阻止事件向上冒泡到父元素，但不会影响默认行为。例如： ```javascript $('#btn').click(function...

js阻止冒泡及jquery阻止事件冒泡示例介绍

12-11

js阻止冒泡在阻止冒泡的过程中，W3C和IE采用的不同的方法，那么我们必须做以下兼容。代码如下: function stopPro(evt){ var e = evt || window.event; //returnValue如果设置了该属性，它的值比事件句柄的返回值...

jquery的冒泡事件的阻止与允许(三种实现方法)

01-21

有时我们不希望冒泡或默认的事件发生，这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。 A：return false —>In event handler ,prevents default behavior and ...

事件的冒泡行为和默认行为

weixin_34208283的博客

09-26

216

<div style="height:200px;width:200px;background:#ccc;"> <input type='button' value='按钮'> </div> // 测试冒泡事件（重叠的这些元素都绑定了同一个事件）顺序从小往大 /* $('input').click(fu...

jQuery 中的事件冒泡和阻止默认行为

热门推荐

aimartt的专栏

08-13

2万+

jQuery 中的事件冒泡和阻止默认行为参考资料：《锋利的jQuery》作者：单东林张晓菲魏然出版社: 人民邮电出版社 1、事件冒泡 <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"

jquery阻止默认行为_jQuery 中的事件冒泡和阻止默认行为

weixin_35618196的博客

12-24

596

1、事件冒泡:当点击内部元素时，会触发自身及外层和的点击事件，这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPo...

JQuery 阻止事件冒泡---3种实现方式

Nick.Peng's Blogs

09-20

8204

第一种：return false：缺点：直接返回了函数，函数后面的语句没法执行了； $('.btn').on('click',function(event){ do something ... return false }) 第二种：event.stopPropagation()： 1、阻止事件冒泡这里以click事件为例 <divclass="b...

jQuery阻止冒泡事件的几种方法

二师兄

04-20

2856

一、何为冒泡事件冒泡事件简单来说就是点击子节点，会向上触发父节点、祖先节点的点击事件。二、阻止事件冒泡可以通过以下三种方法做到不同程度的阻止。 1、return false (In event handler ,prevents default behavior and event bubbing ) return false 在事件的处理中，可以阻止默认事件和冒泡

jq 阻止事件冒泡（点击子级＜div＞不触发父级＜div＞）

BlizzardWu的博客

06-25

1046

1:关于事件冒泡事件冒泡：当一个元素接收到事件的时候会把他接收到的事件传给自己的父级，一直到window 。（注意这里传递的仅仅是事件并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，就算传递了事件也不会有什么表现但事件确实传递了。） 2:如何避免冒泡 1: 使用 event.cancelBubble=true; <div class="box1" id="box1" onclick="change_cong(2)" > <div class="box2" id="bo

jq阻止默认事件

weixin_30297281的博客

10-21

352

在jquery中，可以使用用stopPropagation阻止事件冒泡,例如： $("table").click(function(){ 　　alert("table"); }); $("tr").click(function(){ 　　alert("tr"); }); $("td").click(function(e){alert("td");e.stopPropagation()...

深入理解JQ事件冒泡机制与工具应用

同时，也可以通过阻止冒泡处理一些特定的交互需求，如在下拉菜单中点击菜单项时阻止事件冒泡，避免页面其他元素接收到点击事件。 ### 8. 调试和性能优化在实际开发中，了解事件冒泡和事件委托机制对于调试...