有没有办法在没有“e”参数的情况下阻止 JavaScript 中的气泡?

2024-03-23

我看到很多教程告诉我防止气泡的方法是使用“e”参数

就像 :

function(e){
    e.preventDefault()
}

但在某些情况下,萤火虫告诉我“e is not Define”是错误的

那么有没有办法不用参数e就可以阻止气泡呢?


如果您使用元素属性设置事件处理程序(例如,<button onclick="myFunc()">) 参数列表将为空。你必须使用<button onclick="myFunc(event)">而是将当前事件作为参数传递。默认情况下,不会向回调函数传递任何参数。

event在这种情况下是一个特殊变量。使用时<element onEVENT="code">浏览器创建一个新脚本和一个函数FunctionBody“代码”。该函数将接受一个参数event,因此您可以在自己的函数/代码中使用此对象(请参阅w3c:ehca http://www.w3.org/TR/html5/webappapis.html#event-handler-content-attributes)。注意IE创建的是全局对象event对于每个触发的事件。

So pass event作为附加变量并使用e.preventDefault() https://developer.mozilla.org/en/DOM/event.preventDefault and e.stopPropagation https://developer.mozilla.org/en/DOM/event.stopPropagation。注意return false;不会取消 a 中的传播click event.

示范:

  • 示范 http://jsfiddle.net/yR6Mx/3/embedded/result/显示使用 jQuery 时回调函数的参数,<element onclick=""> and HTMLElementObject.onclick.
  • return false; vs e.stopPropagation(); http://jsfiddle.net/PrPd4/embedded/result/(剧透:return false; fails.)

参考:

  • W3C:DOM 级别 3:stopPropagation http://www.w3.org/TR/DOM-Level-3-Events/#events-event-type-stopPropagation
  • W3C:DOM 级别 3:preventDefault http://www.w3.org/TR/DOM-Level-3-Events/#events-event-type-preventDefault
  • W3C:HTML5 事件处理程序内容属性 http://www.w3.org/TR/html5/webappapis.html#event-handler-content-attributes:

    使用上面创建的脚本执行环境,创建一个函数对象(如 ECMAScript 版本 5 第 13.2 节创建函数对象中所定义),其中:

    参数列表 FormalParameterList

    如果该属性是Window对象的onerror属性

    • 让该函数具有三个参数,名为event, source, and fileno.

    否则

    • 让函数有一个名为event.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

有没有办法在没有“e”参数的情况下阻止 JavaScript 中的气泡? 的相关文章

  • Jasmine-jQuery loadFixtures 未定义

    我对整个茉莉花的事情仍然很陌生 在过去的几个小时里我陷入了这个问题 我尝试使用 loadFixture 加载外部夹具文件 我使用 Jasmine 2 0 0 和 Jasmine jQuery 2 0 5 ReferenceError loa
  • 第一次使用node.js - “ReferenceError:节点未定义”

    我刚刚安装了node js 我尝试编写应该检查版本的node v 但它不起作用 这是输出 gt node v ReferenceError node is not defined at repl 1 2 at REPLServer self
  • Angular 2 Material 2 日期选择器日期格式

    我不知道如何更改材料2日期选择器的日期格式 我已阅读文档 但我不明白我实际上需要做什么 datepicker默认提供的输出日期格式为f e 6 9 2017 我想要实现的目标是将格式更改为类似的格式9 Jun 2017或任何其他 文档htt
  • 打开 md-calendar 时滚动到当前日期

    目前正在构建一个使用 Angular Material 的应用程序 我们需要一个 md calendar 组件 我们想要自定义按钮样式和内容 因此不使用普通的 md datepicker 问题是 当 md calender 打开时 滚动位置
  • 限制可选 DOM 复选框

    我试图限制用户可以选择的复选框数量 这些复选框是为数组中的每个项目生成的 DOM 输入对象 我目前对此没有运气 因此非常感谢任何帮助 谢谢 在这里小提琴 http jsfiddle net vVxM2 222 http jsfiddle n
  • 了解 sort() 比较函数

    我正在使用一个电子商务平台 该平台无法重新排序产品属性字段的选项 这真的很糟糕 因为要插入新选项 您几乎必须删除所有现有选项并重新开始 我正在尝试在客户端进行操作 这是我正在处理的内容 这是针对鞋码的 9 EE 9 1 2 EE 10 EE
  • 启用/禁用由用户输入确定的复选框

    我有一个简单的表单 用户可以在其中输入他的联系号码 如果联系号码以 07 开头 则该复选框已启用 其他我需要禁用它的复选框 我已经编写了一些代码 但我面临的问题是 当用户键入 01 时 它会被禁用 但如果他们继续在 01 之后添加任何其他数
  • 如何在 HTML / Javascript 页面中插入 PHP 下拉列表

    好吧 这是我的第二篇文章 请接受我是一个完全的新手 愿意学习 花了很多时间在各个网站上寻找答案 而且我几乎已经到达了我需要到达的地方 至少在这一点上 我有一个网页 其中有许多 javascript 函数 这些函数一起使用 google 地图
  • 如何使用 Angular JS 单击时将 html 模板附加到 div/指令?

    我有这种情况
  • 判断一个数字是否能被 3 或 5 整除 (FizzBu​​zz)

    如何根据输出是否能被 3 或 5 整除来更改输出 如果它能被 3 整除 我想显示 rock 如果它能被 5 整除 我想显示 star 类似于 FizzBu zz 如果两者都有 他们都会看到 这是我的代码 if var n Math floo
  • 为什么 Web Worker 性能在 30 秒后急剧下降?

    我正在尝试提高在网络工作人员中执行时脚本的性能 它旨在解析浏览器中的大型文本文件而不会崩溃 一切都运行得很好 但我注意到使用网络工作者时大文件的性能存在严重差异 于是我做了一个简单的实验 我在同一输入上运行脚本两次 第一次运行在页面的主线程
  • 将构建参数传递给 .wxs 文件以动态构建 wix 安装程序

    我是一名学生开发人员 我已经为我现在工作的公司构建了几个安装程序 所以我对WIX还是比较熟悉的 我们最近决定拥有一个构建服务器来自动构建我们的解决方案 它构建调试和发布以及混淆 和非混淆 项目 你真的不需要理解这些 您需要了解的是 我有相同
  • 使用日期字符串数组在引导日期选择器中设置禁用月份不起作用

    我有一个日期选择器 其配置如下 HTML div class input group date div
  • 计算文本选择的 xy 位置

    我正在尝试使用 DOM 元素创建自己的文本选择 是的 我的意思是当您在此元素中选择文本时 您会在文本后面看到蓝色背景 这个想法是停止默认行为 蓝色 并使用我自己的元素来完成工作 方法是找到选择的 xy 位置 然后放置绝对定位的元素 我希望能
  • 从 DirectionsRenderer 中获取折线或标记的事件

    我正在使用 DirectionsService 和路线方法来生成 DirectionsResult 我还使用 DirectionsRenderer 对象来显示结果 因为它非常易于使用 我在检测 Directions changed 事件时没
  • JavaScript 数组扩展语法的时间复杂度是多少?

    我想知道在 JavaScript 中使用数组扩展的时间复杂度是多少 是线性 O n 还是常数 O 1 下面的语法示例 let lar Math max nums 传播称为 Symbol iterator 有关对象的属性 对于数组 这将迭代数
  • IE 中的每个 JavaScript 支持?

    我有这个代码
  • MongoDB中如何通过引用字段进行查询?

    我有两个 Mongo 模式 User id ObjectId name String country ObjectId Reference to schema Country Country id ObjectId name String
  • Node.js - 重载函数

    有没有一种方法可以重载node js中的函数 类似于 noSuchMethod https developer mozilla org en JavaScript Reference Global Objects Object noSuch
  • Node npm 包抛出使用严格:全局发布和安装后未找到命令

    我正在尝试发布 npm 包 当我全局安装该包并尝试运行 cli 命令时 我收到此错误 nvm versions node v0 12 2 bin myPack line 1 use strict command not found nvm

随机推荐