JavaScript停止冒泡和阻止浏览器默认行为

最新推荐文章于 2024-05-12 21:38:39 发布
最新推荐文章于 2024-05-12 21:38:39 发布
阅读量1k 收藏
点赞数
分类专栏： JavaScript 文章标签： JS JAVA JavaScript 冒泡事件 jsp 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <div οnclick="test()">
    <div οnclick="test()">
        <div οnclick="test()">阻止事件冒泡</div>
    </div>
</div>
 </BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
    //阻止事件冒泡
    function stopEventBubble(event){
        var e=event || window.event;

        if (e && e.stopPropagation){
            e.stopPropagation();    
        }
        else{
            e.cancelBubble=true;
        }
    }

    //测试方法，调用时，直接调用test()或者test(event)，前者默认在调用最后一个未对应的参数传递事件
    function test(evt){
        alert('hahaha');
        stopEventBubble(evt);
    }
//-->
</SCRIPT>


毕竟我很菜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js停止冒泡和阻止浏览器默认行为的简单方法
11-25
然后，我们使用条件语句分别调用合适的停止冒泡和阻止默认行为的方法，以达到跨浏览器的兼容性。 总的来说，理解并正确使用`stopPropagation()`、`preventDefault()`、`cancelBubble`和`returnValue`属性是...
javascript阻止事件冒泡和浏览器的默认行为
11-26
JavaScript中的事件处理是Web开发中的重要组成部分，它允许我们对用户与页面的交互做出响应。在JavaScript中，事件...在编写交互式网页时，了解如何阻止事件冒泡和浏览器的默认行为对于创建定制的用户体验至关重要。
js的stopPropagation()、cancelBubble、preventDefault()、return false的分析
waiting_area的博客
03-09 553
事件冒泡，举个列子： <li> <a href='http://www.baidu.com'>点击a</a> </li> <script> $('li').click(function () { alert('点击了li'); }); $('a').click(function () { alert('点击了a'); }); </script> 当你点击a的时
【JavaScript】阻止事件冒泡和默认行为
小秀的博客
05-12 836
在JavaScript中，事件默认行为是指在特定的事件发生时浏览器自动执行的操作。form 元素 的 action 属性值表单内容要提交的地址，而用户点击表单元素中嵌套的提交按钮时，就会有一个默认的提交操作。需要注意的是，不同的事件有不同的默认行为，因此阻止默认行为的方法可能会有所不同。方法用于阻止事件的进一步传播，而不是直接阻止事件的默认行为。也是 event的一个属性，表示默认行为是否被阻止，true 表示被阻止。方法用于阻止事件传播，而不是直接阻止事件的默认行为。可以阻止默认行为的执行。
javascript停止冒泡和阻止浏览器默认行为
jiang_my的博客
10-13 171
当需要使用冒泡行为时： function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则，我们需要使用IE的方式来取消事件冒泡 wind
Javascript阻止事件冒泡和浏览器默认行为
weixin_45727472的博客
07-15 174
1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } 2.当按键后,不希望按键
js 停止事件冒泡 阻止浏览器的默认行为
weixin_39037804的博客
10-01 212
在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 浏览器默认行为： 在form中按回车键就会提交表单；单击鼠标右键就会弹出context menu. ...
停止冒泡和阻止浏览器默认行为stopPropagation preventDefault
流星的博客
01-06 869
获取Event通用方法 function getEvent() { if (document.all) return window.event; func = getEvent.caller; while (func != null) { var arg0 = func.arguments[0]; if (arg0) { if ((arg0.constructor ==
阻止事件冒泡 阻止浏览器的默认行为
徐同保的专栏
01-09 525
阻止事件冒泡 阻止浏览器的默认行为 按钮1 $(function() { function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if (e && e.stopPropagation) { //因此它支持W3C的stopPropagation()方法
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
10-20
本文将深入探讨两个关键的JavaScript事件处理概念：停止事件冒泡和阻止浏览器的默认行为。这两个特性对于确保页面行为符合预期至关重要，尤其是在处理复杂的交互时。 1. 停止事件冒泡 事件冒泡是事件处理的一个...
js阻止默认浏览器行为与冒泡行为的实现代码
11-26
在JavaScript中，阻止浏览器默认行为和停止事件冒泡是两种重要的事件处理机制，它们主要用于定制交互体验和解决浏览器之间的兼容性问题。以下是关于这两个概念的详细说明： **阻止浏览器默认行为**： 当用户触发...
基于JAVA的厨艺交流平台（Vue.js+SpringBoot+MySQL）
08-01
基于Vue.js和SpringBoot的厨艺交流平台是一个功能丰富的在线社区，旨在为烹饪爱好者提供一个分享和学习烹饪技巧的平台。该平台分为管理后台和用户网页端，支持管理员和普通用户两种角色。管理后台提供对菜谱分类、菜谱信息、食材信息、商品信息和美食日志模块的全面管理功能，包括添加、编辑、删除和查询等操作。用户网页端则为用户提供了一个友好的界面，可以浏览和搜索各种菜谱，查看食材和商品信息，发表自己的美食日志，与其他用户互动交流。整个平台采用现代化的前端技术和后端框架，保证了良好的用户体验和高效的数据处理能力。 演示录屏：https://www.bilibili.com/video/BV1uz42197zu 配套教程：https://www.bilibili.com/video/BV1pW4y1P7GR
层次分析法数学建模论文.doc
最新发布
08-01
层次分析法数学建模论文
操作系统原理试卷及参考答案(A).doc
08-01
操作系统原理试卷及参考答案(A)
客户销售额排名.xlsx.xlsx
08-01
销售管理，客户类型，客户满意度，客户登记，进销存，客户记录 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
基于java及C++实现的Arduino智能小车，六种控制方式（超声波避障/跟随，红外循迹/遥控，蓝牙遥控，PS2遥控)+源码
08-01
基于java及C++实现的Arduino智能小车，六种控制方式（超声波避障/跟随，红外循迹/遥控，蓝牙遥控，PS2遥控)+源码，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用，详情见md文档~ 基于java及C++实现的Arduino智能小车，六种控制方式（超声波避障/跟随，红外循迹/遥控，蓝牙遥控，PS2遥控)+源码，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用，详情见md文档~ 项目简介： arduino程序使用模块化设计，可扩展各类玩法。 目前支持六种控制方式，主要分为程控方式和遥控方式， 程控方式 超声波避障 超声波跟随 红外循线 遥控方式 红外遥控 蓝牙遥控 PS2遥控
德勤 SRM采购平台建设方案.pptx
08-01
德勤 SRM采购平台建设方案.pptx
JS阻止默认行为与冒泡事件处理代码示例
"该文档提供了一种实现JavaScript阻止默认浏览器行为和事件冒泡的方法，包括原始JavaScript和jQuery、Prototype的写法。" 在JavaScript中，我们有时需要阻止浏览器对特定事件的默认行为，例如点击链接时不再跳转，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值