javascript - 是否可以检测哪一行或函数触发了元素上的 jquery 更改事件？

Question

我知道有手动方法绕过它，我用谷歌搜索但找不到自动方法。

我有一些相当复杂的代码，其中一个元素可以通过 jQuery 以几种不同的方式更改，出于不同的原因在整个代码执行期间的不同时间取决于各种事情。

我试图找到一个问题，它的变化不正确，但我无法准确地确定哪个 change() 事件在不应该发生变化的地方发生了变化。

无论如何我可以临时添加一些东西，比如:

$(document).on('change', '.myClass', function (e){
    console.log(e.functionOrLineWhichTriggerThis);
});

为了调试/故障查找目的？

Answer 1

您可以尝试创建错误并打印其堆栈跟踪的老技巧:

$(document).on('change', '.myClass', function (e){
    var error = new Error();
    console.log(error.stack);
});

stack 属性不是标准的，但似乎被主要浏览器支持。您可以在此处获得更多相关信息:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/Stack