在 JavaScript 中附加事件

2023-12-26

作为对此处问题之一的评论,一位评论者写道(强调我的):

...通过使用内联“onclick”,您正在做类似的事情,但它更难维护并且更容易出现问题。整个 JavaScript 社区已经放弃内联 JavaScript 一段时间了。

这是指使用以下方法将事件附加到 HTML 元素:

$("#someID").click(function(){
    do something here...;
});

而不是:

<a id="someID" onclick="someFunction();">

是否真的发生了转变?老套内联声明事件的方式,如果是的话,另一种方式有什么好处?

EDIT我想包含对以下内容的引用可能会有所帮助原问题 https://stackoverflow.com/questions/2597312/jquery-tabs-how-do-you-know-when-a-tab-has-been-clicked/2597579。它询问是否为每个选项卡附加不同的单击事件。我的回答是废话吗?我欠 FallenRayne 一个道歉吗 =)。


最大的好处是内容 (html) 和操作/行为 (javascript) 的分离。这被称为不引人注目的 JavaScript http://en.wikipedia.org/wiki/Unobtrusive_JavaScript。将它们分开可以更轻松地更改其中一个而不影响另一个。

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

在 JavaScript 中附加事件 的相关文章

随机推荐

  • 为什么 CreateProcessAsUser 需要 Vista/Windows 7 上的交互式窗口站?

    我必须深入研究这个问题 因为在 Windows 2003 XP 上运行良好的代码在 Windows 7 上却无法正常运行 使用 CreateProcessAsUser 启动的应用程序失败 错误代码为 0xc0000142 我的旧代码与 MS
  • 如何解析 std::allocator_traits 等可选嵌套类型?

    分配器可以选择具有嵌套类型 例如pointer const pointer 但人们总是可以使用这些接口std allocator traits
  • 如何在 Razor 视图中使用 using 指令为类型设置别名?

    我需要为一个类型添加别名using指令 通常是这样完成的 using LocalResources Resources Admin SomeResource 我怎样才能在我的 Razor 视图中执行此操作 以便我可以像这样使用它 Local
  • Mac OS X 中的唯一硬件 ID

    Mac OS X 开发对我来说是一个相当新的领域 我正在移植一些软件 对于软件许可和注册 我需要能够生成某种硬件 ID 它不必是任何花哨的东西 以太网 MAC 地址 硬盘序列号 CPU 序列号等 我在 Windows 上已经了解了 但在 M
  • 获取 SQL Server 中的当前连接属性

    在 MS SQL Server 中 数据库属性 对话框的左侧有 查看连接属性 链接 单击该按钮将打开 连接属性 对话框 其中包含当前连接的属性 例如身份验证方法 网络协议 计算机名称等 有没有办法通过运行 sql 查询以编程方式获取该信息
  • 应用程序图标未设置,它始终显示默认的绿色 Android 图标

    我按照教程和其他堆栈溢出问题的建议执行了以下步骤 android icon mipmap ic launcher 在清单中 应用程序图标被命名为 ic launcher 并且所有 mipmap 都已根据分辨率进行了适当替换 将所有 mipm
  • 计算 Spark DataFrame 中非空值的数量

    我有一个包含一些列的数据框 在进行分析之前 我想了解数据框的完整性 所以我想过滤数据帧并计算每列非空值的数量 可能返回一个数据帧 基本上 我试图达到与中所表达的相同的结果这个问题 https stackoverflow com questi
  • Ada:从文件中读取

    我正在尝试读取一个包含单列的文件Long Float值在Ada如下 with Ada Text IO use Ada Text IO with Ada Long Float Text IO with Ada Sequential IO pr
  • 在编辑表单中管理状态并防止 Blazor 导航

    如果您的表单不干净 即数据已被编辑 您不希望允许用户离开表单 在 Blazor 表单中 编辑状态由EditContext很简单 将字段更改为新值 然后恢复为旧值 并且EditContext仍然相信这个领域已经发生了变化 您可以编写代码来禁用
  • Scrapy是单线程还是多线程?

    Scrapy 中的并发设置很少 例如CONCURRENT REQUESTS 数 http doc scrapy org en latest topics settings html concurrent requests 这是否意味着Scr
  • for循环中i++和++i之间的区别[重复]

    这个问题在这里已经有答案了 可能的重复 C 中的递增 何时使用 x 或 x https stackoverflow com questions 1812990 incrementing in c when to use x or x 有什么
  • MVC 中动态字段的验证

    我的模型看起来像 public class Template Id Title List
  • 计算 awk 中作为参数传递的算术表达式

    如何计算 awk 中作为参数传递的算术表达式 我在一个文件中有这个 1 2 3 1 2 3 当传入此文件时 awk 应该输出 6 7 awk 1 是错误的工具 因为它没有eval 功能 我建议将文件修改为输入bc 1 或使用 shell 算
  • Excel - 将日期从 yymmdd 转换为 dd/mm/yy

    我有一个从 Access 数据库导出的 Excel 文件 I have 25000记录 我需要更换所有记录 日期列未格式化 yymmdd 我需要将日期格式从 yymmdd 更改为 dd mm 19yy 为了yy我需要添加一个常量值19在它前
  • conemu + ssh 清除控制台历史记录

    我正在使用 ConEmu 并且对它完全满意 除了以下事实 如果我使用 PuTTY 进行 SSH 访问 那么我可以在远程计算机上运行命令 例如 vim 或 nano 或 mcedit 或其他打开某种诅咒界面的命令 并且我可以看到控制台命令历史
  • Slim PUT 返回 NULL

    我对 Slim 框架和 PUT 请求有疑问 我有一个小的 jQuery 脚本 它将在单击按钮时更新到期时间 expiry button click function event event preventDefault ajax url h
  • 将带有 .000Z 的日期字符串格式化为 NSDate

    我想将日期字符串格式化为 NSDate 对象 这听起来不是一件大事 要点是 日期字符串在时区值中包含一个点 而不是加号或其他内容 日期看起来像这样 2017 06 04T16 00 00 000Z 我尝试过格式化字符串 例如 yyyy MM
  • 从 Camel 路由向 Weblogic JMS 队列发送消息

    我正在尝试通过 Camel 路由将消息放入 Weblogic JMS 中的队列上 我的目标是最终配置一个路由来使用 jms 队列中的消息 我将先前路由中的数据发布到该队列 这是我的配置
  • WooCommerce - 获取产品页面的类别

    对于我的 WC 产品页面 我需要向 body 标记添加一个类 以便我可以执行一些自定义样式 这是我为此创建的函数 function my add woo cat class classes wooCatIdForThisProduct he
  • 在 JavaScript 中附加事件

    作为对此处问题之一的评论 一位评论者写道 强调我的 通过使用内联 onclick 您正在做类似的事情 但它更难维护并且更容易出现问题 整个 JavaScript 社区已经放弃内联 JavaScript 一段时间了 这是指使用以下方法将事件附