addEventListener 真难调试

qq446512500 2015-05-29 10:52:45
用了 addEventListener 之后,调试的时候根本找不到绑定的函数。

如果用 element.onclick ,在控制台输入 element.onclick ,会出来在源代码的哪一行,而 addEventListener 却没有,找了半天,不找了!
...全文
447 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq446512500 2015-05-31
  • 打赏
  • 举报
回复
引用 9 楼 hch126163 的回复:
调试时,不用压缩的js. 功能都OK上线时,在压缩
其实我们代码里至少有5个版本的jquery, 前端要效果,然后不同的效果需要不同版本的 jquery 来支持(效果是从网上找的) 一般效果都使用了压缩版的 jquery , 这个压缩版的就被放到了项目中(懒得去找对应的完整版) 心塞啊
qq446512500 2015-05-31
  • 打赏
  • 举报
回复
诸君啊...那代码不是我写的啊... 比如说网站的首页吧...脚本有很多,程序员写一点,前端开发写一点... 有一些是功能的,有一些是效果的... 然后,我同桌想在一个 a 标签上加个链接,可是呢,她点链接没有反应, 然后,她一回头,问我,为什么? 凭经验,我判断是 a 标签上有一个处理 click 事件的函数,返回了 false,导致点击事件被阻止, 默认的点击行为(跳转到链接)没有发生, 可是,问题是,我就是找不到是在哪个脚本,哪一行,哪个函数,阻止了点击事件, 当时为什么给这个 a 标签加了事件监听? 为什么事件监听函数又返回了 false? 可不可以不返回 false? 我需要向她解释,为什么链接不跳转,应该怎么解决. 我不能仅凭想象,说,脚本有问题. 我需要找到监听函数,分析函数中的错误. 可是有些页面脚本实在太多,如果每个问题,我都要从第一个脚本的第一行一步步调试下去,我会疯掉的. 如果我人品好的话,可能每隔五分钟会收到一个"为什么",我必须快速地定位错误. ----------------------------------------------------------- 我说这些的前提是,脚本是别人写的,问题是别人发现的, 然后这个问题被踢给我了. 即使是我自己写的函数,也往往想不起来在哪个库文件里定义的, 很难对代码的每一处细节都了如指掌啊
hch126163 2015-05-30
  • 打赏
  • 举报
回复
调试时,不用压缩的js. 功能都OK上线时,在压缩
KK3K2005 2015-05-30
  • 打赏
  • 举报
回复
引用 5 楼 qq446512500 的回复:
[quote=引用 2 楼 KK3K2005 的回复:] 断点调试啊~~~
问题是,都不知道把这个断点打在哪里。。。[/quote] 打哪里? 绑定的语句在哪里 就在哪里 jquery是压缩的 但是 谷歌浏览器 调试的时候 可以展开代码 只要代码在 就没有调试不到的道理
Go 旅城通票 2015-05-29
  • 打赏
  • 举报
回复
你只能找到addEventListener那句看绑定的是什么函数,没得办法。。不知道是否有插件可以检查对象上绑定的事件没有。自己找下
似梦飞花 2015-05-29
  • 打赏
  • 举报
回复
在函数开头写个debugger 或者断点到执行函数里阿
qq446512500 2015-05-29
  • 打赏
  • 举报
回复
引用 4 楼 showbo 的回复:
看这个:http://sudodev.cn/articles/340.html
谢谢。看了下文章的目的和我是一样的。 文章上说的 jquery 那一段,我照着做了,可是结果和上面描述的不太一样, 我找到了那些 handler , 显示函数定义时都全部又指向 jquery 压缩文件里去了(似乎还是同一个地方)。。。
qq446512500 2015-05-29
  • 打赏
  • 举报
回复
引用 2 楼 KK3K2005 的回复:
断点调试啊~~~
问题是,都不知道把这个断点打在哪里。。。
Go 旅城通票 2015-05-29
  • 打赏
  • 举报
回复
看这个:http://sudodev.cn/articles/340.html
qq446512500 2015-05-29
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
你只能找到addEventListener那句看绑定的是什么函数,没得办法。。不知道是否有插件可以检查对象上绑定的事件没有。自己找下
因为很多地方用了 jquery ,所以绑定的函数显示的是 jquery 的函数,而且地址是: jquery.min.js 第1行。。。
KK3K2005 2015-05-29
  • 打赏
  • 举报
回复
断点调试啊~~~

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧