JS-(13) 事件（二）

event对象

function括号里必须写e

用来获取事物的详细信息： 鼠标位置 、 键盘按键 (ie 8 7 5不支持)

获取页面的点击位置： clientX clientY

获取页面的点击位置（兼容性写法）

练习：

事件流（ 从页面中接收事件的顺序）

事件冒泡

当一个元素接收到事件的时候会把他接收到的事件传给自己的父级，一直到 window

阻止事件冒泡

非 IE 下： event.stopPropagation();

IE 下： event.cancelBubble=true;

addEventListener如果第三个参数是false，表示的是默认冒泡时间，

弹出的是123，为true表示是捕获事件，弹出的顺序是321

取消鼠标点击事件：removeEventListener（“点击事件”，函数名）

阻止默认行为

html中的阻止默认行为

第一种：#号跳转新的页面

第二种：javascript:;

第三种： javascript:void(0);

JS中的阻止默认行为：

1、oEvent.preventDefault()

2、return false;(不能阻止冒泡和捕获)

右击菜单栏取消默认效果：

document.οncοntextmenu=function(){

return false; // 阻止默认行为

}

阻止表单的行为：

阻止右击菜单栏弹出默认行为的两种方式：

点击事件的顺序是先捕获再冒泡

JS-(13) 事件（二）相关推荐

后处理程序文件大小的变量_【每日一题】(17题)面试官问：JS中事件流，事件处理程序，事件对象的理解？...
关注「松宝写代码」,精选好文,每日一题作者:saucxs | songEagle 2020,实「鼠」不易 2021,「牛」转乾坤风劲潮涌当扬帆,任重道远须奋蹄! 一.前言 2020.12.23 立 ...
腾讯回应 QQ 被工信部通报；由微软老兵领导，Facebook 开发新操作系统；Node.js 13.4.0 发布 | 极客头条...
整理 | 屠敏快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注 ...
使用js+html生产二维码
使用js生产二维码如何使用js+html生产二维码 1.网页源码 <!DOCTYPE html> <html><head><meta charset=&qu ...
JS基础-事件模型(事件事件流自定义事件事件冒泡/代理)
文章目录一.事件与事件流二.事件模型 1.DOM0级模型 2.IE事件模型 3.DOM2级模型 4.DOM3级事件处理方式三.事件对象四.事件绑定与解除 1.事件绑定 1.1对象.on事件名字 ...
JS中事件的绑定和解绑
JS中事件的绑定和解绑一. 了解事件 1. 事件的三要素 2. 事件绑定分类 2-1. dem0级事件 2-2. dom2级事件二. 事件的绑定 1. dom0级事件 2. dom2级事件 ...
Python学习 Day28 JS函数（二）
JS函数(二) (一)return关键字关键字return一般结合函数一起使用.而且需要注意,这个关键字一般只能在函数体中使用作用: 1.函数体中如果遇见关键字return,函数体后面语句不再执行 ...
jquery二维码生成插件jquery.qrcode.js在线生成二维码
一代巨匠金庸先生驾鹤西去,谢谢您的作品,陪我度过儿时的时光 –2018.10.31 一.场景再现由于业务需求,经常会将访问链接分享给别人,方便其他客户访问我们的业务.在本周的需求中,我们需要根据地址 ...
JS中事件绑定的方式以及事件监听和事件的委托
在javascript中,到我目前的学习中总结得到的认知是在事件触发阶段主要是由于事件流: 我们在HTML中先设置一个div: <div class="box">< ...
js抽奖事件——生成不同概率随机数
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录任务说明一.任务要求二.代码 1.关键代码 2.整体代码总结任务说明 js抽奖事件--生成不同概率随机数. 5支球队 ...
Vue中键盘快捷键-JS键盘事件
在VUE中键盘快捷键-JS键盘事件键盘事件在vue项目中监听键盘事件--keydown 键盘常用键的keyCode值键盘事件在 JavaScript 中,当用户操作键盘时,会触发键盘事件,键盘 ...

JS-(13) 事件（二）

JS-(13) 事件（二）相关推荐

最新文章

热门文章