如何查找元素对应事件的js代码,检测定位js事件

例子一

比如一张图片当鼠标放到上面时,图片改变。
想找到这个事件对应的js代码,假设另存为html之后,文件夹中有.js文件。

 

如果你会调试,可以用打开浏览器的调试功能,以chrome为例,按F12打开调试窗口,切换到Sources选项卡,最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可,当你鼠标移动到图片上时触发mouseover事件,chrome可响应事件设置断点,你就跟踪js代码查看就行了

 

 

例子二 敲击回车触发了事件

 1、鼠标右键点击页面元素,选择检查,然后依次找到元素-->Event Listeners-->keydown事件-->对应的js文件;

2、点击找到的js文件,会跳转到对应的代码里,就可以找到回车事件对应的函数了。

 

 

 

 

 

原文链接:

https://www.cnblogs.com/lguow/p/10772434.html

posted @ 2023-03-08 16:48  rmticocean  阅读(934)  评论(0)    收藏  举报