![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 108 阅读 · 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 · 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:11:06 · 126 阅读 · 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 · 122 阅读 · 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 · 568 阅读 · 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 · 152 阅读 · 0 评论 -
事件处理程序模型,事件的冒泡和捕获
1、事件冒泡 结构上(非视觉上)嵌套关系的元素,会存在事件冒泡的功能,即同一事件,自子元素冒泡向父元素。(自底向上) 2、事件捕获 结构上(非视觉上)嵌套关系的元素,会存在事件捕获的功能,即同一事件,自父元素捕获至子元素(事件源元素)。(自顶向下) // 将addEventListener的第三个参数设置为true则可启用事件捕捉模型 // ie8以下由于不支持addEventListener,故没有事件捕获的事件处理模型 // focus,blur,change,submit,reset,select等事原创 2021-03-08 16:39:55 · 89 阅读 · 0 评论