js事件
关注
分享
扫一扫
mwsblue
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js原生实现城市联动
城市数据：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="" method="post"> 用户名:<input type="text" name="username" value="sish" /><br&g原创 2021-04-12 23:48:41 · 164 阅读 · 0 评论 -
js实现商品图片的放大
效果：结构：html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2021-04-12 23:53:21 · 245 阅读 · 0 评论 -
js鼠标点击右键自定义菜单的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</t原创 2021-04-13 00:11:06 · 182 阅读 · 0 评论 -
js原生实现盒子连续拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</t原创 2021-04-13 00:23:35 · 177 阅读 · 0 评论 -
鼠标自定义判断长按和短按
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</ti原创 2021-04-13 00:29:20 · 757 阅读 · 0 评论 -
取消冒泡和阻止默认事件
1、取消(停止)冒泡a) W3C标准 event.stopPropagation();但不支持 ie9以下版本b) event.cancelBubble=true; ie8及ie8以下可用2、阻止默认事件默认事件——表单提交（当表单中只有一个input_text框时,回车即被提交），a标签跳转，右键菜单等a) return false; 以对象属性的方式注册的事件才生效，用addEventListener/attachEvent这种是不生效的b) event.preventDefault();原创 2021-03-08 16:43:50 · 210 阅读 · 0 评论 -
事件处理程序模型，事件的冒泡和捕获
1、事件冒泡结构上（非视觉上）嵌套关系的元素，会存在事件冒泡的功能，即同一事件，自子元素冒泡向父元素。（自底向上）2、事件捕获结构上（非视觉上）嵌套关系的元素，会存在事件捕获的功能，即同一事件，自父元素捕获至子元素（事件源元素）。（自顶向下）// 将addEventListener的第三个参数设置为true则可启用事件捕捉模型// ie8以下由于不支持addEventListener，故没有事件捕获的事件处理模型// focus,blur,change,submit,reset,select等事原创 2021-03-08 16:39:55 · 145 阅读 · 0 评论