事件:触发特定条件,完成某一项功能 学习目的:在指定条件下,完成特定的功能 条件满足的情况下,系统会自动(回调)执行某项方法 一、事件的两种绑定方法: 二、冒泡:父子级拥有同一事件时,子级触发事件,那么它的父级也会触发该事件 默认事件:一些事件存在默认的系统操作,比如鼠标右键会弹出菜单栏,通过返回值 ...
分类:
编程语言 时间:
2018-10-22 16:44:17
阅读次数:
167
问题描述: 在vue项目开发过程中,点击按钮结果页面刷新了一遍 后来发现路径变成了 localhost:8080/?#/login 原因: 这里是 form 表单,点击了button 按钮,触发了他的默认事件,就是触发了提交这个行为。 解决方案 使用@click.prevent 阻止默认事件 <bu ...
分类:
其他好文 时间:
2018-10-21 19:33:31
阅读次数:
267
一、事件的两种绑定方式 1、on事件绑定方式 2、非on事件绑定方式 二、事件参数event 存放事件信息的回调参数 三、事件的冒泡与默认事件 事件的冒泡:父子都具有点击事件,不处理的话,点击子级也会出发父级的点击事件 默认事件:取消默认的事件动作,如鼠标右键菜单 ev.preventDefault ...
分类:
Web程序 时间:
2018-10-18 22:12:19
阅读次数:
219
1 事件冒泡 子元素触发的事件,会往上(父元素)传递; 例子: 冒泡事件是默认事件,但有些情况,冒泡事件是一种麻烦的事情。如: 这时候需要把默认事件去掉 cancelBubble = false 或者 stopPropagation(); 2 onmouseenter/onmouseleave 和o ...
分类:
编程语言 时间:
2018-09-26 23:57:23
阅读次数:
307
1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 这是阻止默认事件的方法,调用此方法是,连接不 ...
分类:
其他好文 时间:
2018-09-23 18:24:35
阅读次数:
157
当button在form表单时,点击button会自动触发button的默认事件,也就是刷新当前页面。那么如何阻止呢: 有两种方式: 一:将<button></button>改为<input type="button"> 或者直接在<button>中添加属性 type="button". 二:在bu ...
分类:
其他好文 时间:
2018-09-21 10:55:00
阅读次数:
148
有时我们会遇到这种需要在 标签上添加 事件,并且跳转前处理一些事务,因此需要做一些处理,看很多人会这样写 但是发现点击后页面返回了顶部,所以又出现了这样的写法等 但这样并不兼容所有浏览器,有些浏览器就会出现很怪异的形为。 因此,这个问题还需要其它方法来解决。 方法一 是一个操作符, 返回 ,地址不发 ...
分类:
其他好文 时间:
2018-09-16 18:43:08
阅读次数:
165
1. nginx 的简单原理 nginx是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。其特点是占用内存少,并发能力强。 如果使用nginx作为web服务器,那么nginx收到请求后将请求内容响应到客户端。如果使用nginx作为代理服务器,那么nginx收到请求后 ...
分类:
其他好文 时间:
2018-09-15 18:13:40
阅读次数:
187
浏览器的常见默认行为 图片,文字可以脱出爱 a标签可以进行跳转 右键是菜单 submit可以进行提交 右键菜单触发,可以作为一个事件 document.oncontext=function(e){ alert(1); } 可以阻止浏览器默认行为 return false; 可以实现,但不推荐使用,老 ...
分类:
其他好文 时间:
2018-08-26 23:43:43
阅读次数:
193
阻止默认事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>阻止默认事件</title> <style> *{ margin:0; padding:0; } .box1{ display:block; wi ...
分类:
编程语言 时间:
2018-08-19 16:59:41
阅读次数:
200