调试js事件小技巧

发表于2024-01-02|更新于2026-02-24

|浏览量:

万人都要将火熄灭，我一人独将此火高高举起。——海子

分享一个js调试事件小技巧

<!DOCTYPE html>
<html>
<head>
    <title>Event Monitor Trigger</title>
</head>
<body>
    <button id="myButton">Click Me</button>
</body>
</html>

这里一个按钮，啥都没有

我们运行一下，给它在chrome console里添加事监听

1 2	// 先用选中元素光标选一下按钮，这样$0就会指向按钮 monitorEvents($0)

这时候我们触发其任何事件都会有输出

针对某一事件的话就传入该事件

1	monitorEvents($0, ["click"])

前端

相关推荐

2020-11-26

vue路由NavigationDuplicated错误

有志者，事竟成，破釜沉舟，百二秦关终属楚；苦心人，天不负，卧薪尝胆，三千越甲可吞吴。——蒲松龄如果遇到了Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location异常可以在router里配置一下 1234567891011121314151617181920import Vue from 'vue'import Router from 'vue-router'// 解决路由重复问题const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}Vue.use(Router)export default new Router({...

2022-06-06

TailwindCss

懒惰象生锈一样，比操劳更能消耗身体；经常用的钥匙，总是亮闪闪的。——富兰克林分享一个CSS框架，内置了很多css样式： https://www.tailwindcss.cn/ 使用方式： https://www.tailwindcss.cn/docs/installation 注意其不支持IE浏览器仓库地址：https://github.com/tailwindlabs/tailwindcss 甚至你可以直接在Playground中进行尝试： https://play.tailwindcss.com/

2025-06-18

apache-shenyu的mcp-plugin前端优化

求知与求学的欲望应该采用一切可能的方式去在孩子们身上激发起来。——夸美纽斯 pr： [Feat] mcp server by Aias00 · Pull Request #528 · apache/shenyu-dashboard · GitHub 主要是将多余代码移除，然后使用react-json-view组件进行json样式的渲染 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143...

2021-08-18

回车提交表单

却是平流无石处，时时闻说有沉沦。——唐•杜荀鹤我们在页面开发中经常会写一些表单，但身为一个懒人，肯定是懒得点提交按钮的，我一般直接按回车提交当我们的form满足只有一个input的时候，回车事件是生效的 123<form> <input/></form> 当我们的form有多个input的时候，回车事件失效了 1234<form> <input/> <input/></form> 此时我们可以加一个input，让type=submit 即可再次满足回车提交效果 12345<form> <input/> <input/> <input type="submit"/></form> 如果要隐藏掉，使用样式display:hide隐藏即可但有时如果我们如果需要回车不提交表单，则可以避免上述条件如果想要不执行submit事件，可以直接在form上加一个onsubmit="return false&q...

2022-07-01

js让光标选择节点中部分文本

我走得很慢，但我从不后退。——林肯如题，代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="container">ruben</div> <button>r</button> <button>u</button> <button>b</button> <button>e</button> <button>n</button> &...

2023-06-07

image-conversion

失之毫厘，差之千里。——佚名分享一个js图像库： https://github.com/WangYuLue/image-conversion Install12345npm i image-conversion --save# or yarn add image-conversion Include the libraryin browser: 1<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script> in CommonJS: 1const imageConversion = require("image-conversion"); in ES6: 1import * as imageConversion from 'image-conversion'; or 1import {compress, compressAccurat...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中