调用JS函数或使用click事件更好
Calling JS function is better or using click event
如果我有以下按钮:
<button type="button" id="send_email" class="btn btn-primary"
onclick="sendEmail();">Send</button>
那么,哪个最好调用JS函数或在单独的JS文件中使用单击事件
function sendEmail(){
..... some code .....
}
或
$("#send_email").click(function(){});
第二个
$("#send_email").click(function(){});
更好,因为
它很突兀,因此更易于访问,请在此处阅读更多相关信息
它使代码更具可读性和可维护性,因为它将结构与逻辑分开。
出于以下原因,我会选择第二个选项而不是第一个选项:
- 使您的 JS 与 HTML 分开
- 由于jQuery,更容易开发。缩短了开发时间。
- 更容易添加效果和其他动画
- 更好的浏览器兼容性
- 代码更少,复杂性更高
但是,如果你的应用程序不需要大量的脚本,我会选择纯JavaScript。原因是加载jQuery源文件将花费额外的时间。
人们普遍认为,最好像在第二个选项中那样注册元素的事件。有人称之为"不显眼的javascript"。
它在功能上是等效的,但它有助于分离HTML和javascript代码,使其更干净,更易于维护和部署。您还可以将事件的处理合并到更大函数(ality)的范围内。
相关文章:
- Fancybox是否将Click事件静音
- AngularJs的ng-click$事件将子元素作为目标传递
- jsplumb中的Click事件处理程序丢失“;这个“;对象
- jquery on click事件来显示内容
- jQuery.on-click事件不会发生
- AngularJS$apply有时不会;当在highchart中使用click事件时,t触发更新{{}}中html标记中
- 追加Jquery后的Binding Click事件不起作用
- 将click事件绑定到AngularJS指令中的子元素
- 现代网络爬虫是使用 click 事件还是直接导航到锚标记上的 href
- JavaScript on Click 事件在 img 标签上无法正常工作
- 如何覆盖jQuery所选元素的“click”事件
- 带有元素移除的Javascript remove-click事件
- 如何在不接触某些元素的情况下附加document.click事件
- 当event.target返回子元素时,如何只获取click事件的父元素
- 我可以't对jquery上的click事件使用off函数
- 根据文件类型取消绑定和重新绑定click事件处理程序
- 当标记单击未启动时的On Click事件.如何捕获事件
- 无法从jTemplate输出中挂接Click事件
- mouseover,out and click事件不适用于折线
- 如何在angularjs中的指令中注册click事件