当前位置:首页 > 日记 > 正文

浅谈Javascript事件对象

浅谈Javascript事件对象

如果是事件处理函数绑定的函数,浏览器会默认传递一个参数,而这个参数就是事件对象。

document.onclick = function() { alert(arguments.length); //1}

因为arguments[0]这样使用这个参数比较麻烦,所以我们可以传递一个参数evt来进行使用。

document.onmouseup = function(evt) { var e = evt || window.event; alert(e.button); //0为鼠标左键,1为滚轮,2为右键 //基于浏览器可视区左上角的位置 alert(e.clientX + ',' + e.clientY); //机器的分辨率 alert(window.screen.width + ',' + window.screen.height); // 离屏幕左上角的位置 alert(e.screenX + ',' + e.screenY);}
//侦测按键document.onclick = function(evt) { alert(getKey(evt));}function getKey(evt) { var e = evt || window.event; var keys = []; if (e.shiftKey) { keys.push('shift'); } if (e.ctrlKey) { keys.push('ctrl'); } if (e.altKey) { keys.push('alt'); } return keys;}
//键盘事件,keydown是按下任意键,keyup是弹起任意键,keypress按下字符键触发//键码:键盘上任意键,全兼容//字符编码:可以输出的字符的键,IE不兼容document.onkeydown=function(evt){ var e = evt || window.event; alert(e.keyCode); //keyCode返回键码 }document.onkeypress = function(evt) { var e = evt || window.event; alert(e.charCode);  //charCode返回字符键码 }document.onclick = function(evt) { var e = evt || window.event; alert(e.target.innerHTML);  //点到哪里target就选中哪个元素 }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

相关文章

微信小程序微信支付接入开发实例详

微信小程序微信支付接入开发实例详

微信支付,详解,实例,程序,电脑软件,本文主要讲述微信小程序接入微信支付开发过程中遇到的坑,分为两大块,小程序端和后台接口封装。本文主要内容如下:一、后台接口封装;二、小程序端整合;三、总结一、后台接口封装本文介绍基于ThinkPHP5进行接口…

Excel中表格进行设置分页预览的操

Excel中表格进行设置分页预览的操

设置,分页,操作技巧,表格,操作步骤,  Excel中如何进行分页预览,跟着一步步操作吧。今天,小编就教大家在Excel中表格进行设置分页预览的操作技巧。希望对你有帮助!Excel中表格进行设置分页预览的操作步骤如何设置成分页预览分页预览方式一:打…

怎么查看好友是否换QQ号?

怎么查看好友是否换QQ号?

好友,电脑软件,QQ,  今天小编打开QQ,发现有好多没见过的QQ好友灰色的躺在列表里,跟他们聊天他们也不回复,为了不让它影响我以后加好友,我只能删除它了,下面小编分享怎么查看好友是否换QQ号?的方法,欢迎大家前来阅读怎么查看好友是否换QQ号?  …

wps文字技巧怎么放大缩小工作表格

wps文字技巧怎么放大缩小工作表格

放大缩小,文字,方法,表格,工作,  放大和缩小excel表主要是方便我们预览,其实放大和缩小excel表有好几种方法,那么具体要怎么做呢?接下来下面小编告诉你wps放大缩小工作表格的方法,欢迎大家来到学习。wps放大缩小工作表格的方法wps放大缩小工…

word打开文件转换怎么样控制文件还

word打开文件转换怎么样控制文件还

控制文件,样式,文件转换,库中,电脑软件,  用户需要启用“打开时确认文件格式转换”功能,以在打开并恢复文件时出现文件格式转换对话框,从而更灵活地控制文件格式转换过程。以下是小编为您带来的关于word打开文件转换控制文件还原…

excel2003行列转置的教程

excel2003行列转置的教程

教程,转置,行列,电脑软件,  Excel中的行列转置该如何操作呢?下面是小编带来的关于excel2003行列转置的教程,希望阅读过后对你有所启发!excel2003行列转置的教程:  行列转置步骤1:首先打开自己制作的excel电子表格!行列转置步骤2:选择我们要…

javascript中replace使用方法总结

javascript中replace使用方法总结

使用方法,电脑软件,javascript,replace,ECMAScript提供了replace()方法。这个方法接收两个参数,第一个参数可以是一个RegExp对象或者一个字符串,第二个参数可以是一个字符串或者一个函数。现在我们来详细讲解可能出现的几种情况。1. 两个参数…

每次打开excel2007都需要配置怎么

每次打开excel2007都需要配置怎么

配置,处理方法,怎么处理,电脑软件,  打开office2007被提示需要安装配置,然而配置安装完毕,第二次打开office2007还是会提示。这到底是怎么回事呢。下面给大家分享excel2007打开时配置的处理方法,欢迎大家来到学习。excel2007打开时配置的处…

手机QQ空间特别关心怎么取消啊

手机QQ空间特别关心怎么取消啊

取消,空间,电脑软件,QQ,  手机QQ空间特别关心怎么取消?下面小编就给大家分享下手机QQ空间取消特别关心的方法,希望可以帮助到大家,欢迎大家前来阅读!手机QQ空间特别关心怎么取消啊  1.点击底栏【我的空间】2.选择右上角的【好友】3.选择…

wps表格如何只让选中显示的单元格

wps表格如何只让选中显示的单元格

显示,方法,设置,表格,单元格,  如果有隐藏的行与列,如何快速的复制当前显示的部分,而不选中隐藏的?Excel是有这个功能的,如何在wps里找到?下面小编就来告诉你wps表格只让选中显示的单元格的操作步骤吧。wps表格只让选中显示的单元格的操作步…

jquery中each循环的简单回滚操作

jquery中each循环的简单回滚操作

回滚,操作,循环,简单,电脑软件,话不多说,请看代码:var ispass = true;var obj = new Object();$.each(data,function(i,td){  var sum=data[i].sum;  var num=data[i].num;  var id=data[i].num;  if(num>sum){ ispass=false; …

关于vue-router的beforeEach无限循

关于vue-router的beforeEach无限循

无限循环,电脑软件,vue,router,beforeEach,最近在使用vue-router的beforeEach钩子时候遇到了一个问题,就是在beforeEach()中设置好判断条件后出现了无限循环的问题代码如下:router.beforeEach((to, from, next) => { if(isLogin){ next() }e…