JavaScript 和 DOM 按钮事件处理

标签 javascript dom event-handling

我最近看到了这条评论:

Please, please don't put JavaScript inside HTML elements. It's sloppy, needless, and a PITA to work with.

this post 。什么是(你是)incognito明白了吗?他(你)是否意味着每个事件都应该在一段 JavaScript/JQuery 代码中手动连接(JQuery 受到打击,因为我倾向于仅使用 JavaScript,而不使用插件)?

最佳实践是否规定应该使用 JavaScript 例程附加函数调用,或者直接在标记中提供函数调用(而不是连续的 JavaScript 字符串)是否更具可读性,以便您知道与该 DOM 元素直接相关的调用内容,例如:

<button id="myButt" onclick="shake(myButt);" value="Shake it!" />

...或者我是不是找错了树?

最佳答案

它有助于应用 Separation of concerns设计原则。 HTML 负责表示,JavaScript 负责行为。简而言之,它有助于将编程逻辑与 HTML 解耦。

来自 Adding an Event Handler 的非常有用的观点

With inline event handlers you get very poor separation of JavaScript code from HTML markup. Modern browsers provide additional programmatic ways of registering event handlers for page elements, allowing you to dynamically add one or more handlers during the webpage lifetime.

关于JavaScript 和 DOM 按钮事件处理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32765074/

相关文章:

javascript - 如何在没有内存泄漏的情况下删除 DOM 元素?

java - 在java中访问内部类中的变量

c# - 公开按钮控件的 OnClick 事件的自定义控件

javascript - HTML 选择 : Eliminating browser Delay on keypress-to-change?

javascript - jQuery 检查返回的数据对象是否为空

php - 在 javascript 中快速 URL 加密,在 php 中解密

javascript - 从文件中选择新图像时更改图像

php - 加载时间 : is it quicker to parse HTML with PHP's DOMDocument or with Regular Expressions?

javascript - 使用 javascript 调用按键

javascript - 点击关闭音量