javascript – 使用trigger()进行重复事件处理是不好的做法吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用trigger()进行重复事件处理是不好的做法吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1237字，纯文字阅读大概需要2分钟。

内容图文

我经常使用jQuery .trigger()来处理重复事件.

例如,如果我有一个具有四个导航按钮的小部件(向上,向下,向左,向右),并且每个按钮上都绑定了一个事件处理程序,如：

$('#up').on('click', function() {
    // move up
    ...
});

到目前为止,小部件运行良好,现在我想在上/下/左/右箭头键上添加键盘快捷键,这样每个按钮的工作方式与按下上/下/左/右按钮时完全相同.

在这种情况下,我经常使用.trigger()来使键盘快捷键作为这些按钮的包装器.

$(document).on('keydown', function(e) {
    // up arrow key
    if (e.keyCode == 38) $('#up').trigger('click');
    ...
});

使用.trigger()是不好的做法吗？

我认为将图书馆作为黑匣子处理时非常方便.如果已经有一些按钮来帮助控制库,我可以通过触发这些按钮上的点击事件来使用库的功能,即使不知道库的API.

解决方法:

这不是很糟糕的练习,但还有其他方法可以做到,即使它们不一定更好,例如：

$('#up').on('click', clickHandler);

$(document).on('keydown', function(e) {
    if (e.which === 38) clickHandler();
});

function clickHandler() {
    //do stuff
}

要么

$(document).on('click keydown', function(e) {
    if (e.type == 'keydown' && e.which === 38) {
         // do stuff for key
    }else if (e.type == 'click' && e.target.id == 'up') {
         // do stuff when click on #up
    }
});

我认为这是基于意见的,但我更喜欢第一个,你调用的外部函数,而不是触发事件本身,即使它们做同样的事情.

我不会使用最后一个,因为它被委托并触发任何点击等.

内容总结

以上是互联网集市为您收集整理的javascript – 使用trigger()进行重复事件处理是不好的做法吗？全部内容，希望文章能够帮你解决javascript – 使用trigger()进行重复事件处理是不好的做法吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端