首页 / JAVASCRIPT / 限制调用JavaScript函数以内联DOM元素的事件处理程序

限制调用JavaScript函数以内联DOM元素的事件处理程序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了限制调用JavaScript函数以内联DOM元素的事件处理程序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含923字，纯文字阅读大概需要2分钟。

内容图文

是否有任何方法或解决方法可以使(仅当您希望,但不一定)函数仅可用于DOM元素的内联事件处理程序？

JavaScript的

function forInlineCallsOnly() {
    // only callable from inline "on" attributes of DOM elements
};

也就是说,上述函数不能从脚本的其他部分调用,只能从例如：

HTML

<a onclick="forInlineCallsOnly();">Click me</a>

使用堆栈跟踪可以实现这一点吗？

注意：这不是关于应该定义事件处理程序的最佳实践的问题.

解决方法:

我能给出的最佳答案;而且,它并不好.

<a data-onclick-attach="forInlineCallsOnly">

JS

eventMethodsMap: {
  forInlineCallsOnly: function() {
    ...
  }
}
Array.prototype.forEach.call(document.querySelectorAll('[data-onclick-attach]'), function(elem) {
  elem.onclick = eventMethodsMap[elem.dataset.onclickAttach];
});

这与Dojo这样的系统大致相同;事件可以在HTML中定义为数据属性,但它们以更自定义的方式连接起来.如果你不想特定于onclick,你可以想出一个更好的查询选择器.

编辑：您可能还想从onClickAttach属性中修剪括号,以防人们开始以与onclick相同的方式处理它.

内容总结

以上是互联网集市为您收集整理的限制调用JavaScript函数以内联DOM元素的事件处理程序全部内容，希望文章能够帮你解决限制调用JavaScript函数以内联DOM元素的事件处理程序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/771408.html

来源：【匿名】