jsevent(JavaScript怎样对事件进行分类)
本文目录
- JavaScript怎样对事件进行分类
- js怎么获取父函数的event
- JS中的event 对象包含哪些东西 event,实例 详解
- 如何在js代码中,如何获取event
- 如何打印出js event的所有对象
JavaScript怎样对事件进行分类
JavaScript中的时间分为六大类:鼠标事件、键盘事件、浏览器事件、焦点事件、移动端事件、其他事件。
一、鼠标事件
click 点击事件
dblclick 双击事件
mousedown 鼠标按下事件
mouseup 鼠标抬起事件
mouseover 鼠标进入事件
mouseleave 鼠标离开事件
mousemove 鼠标移动事件
二、键盘事件
keydown 键盘键被按下
keyup 键盘键被松开
keypress 输入
三、浏览器的事件
load 页面中所有资源都被加载完毕的时候
scroll 页面的卷动
四、焦点事件
focus 当一个元素获取到焦点时
blur 当一个元素失去焦点时
五、移动端事件
touchstart 触摸开始事件,会在手指按下的时候触发
touchmove 触摸并移动 ,会在手指按下并移动的时候触发
touchend 触摸结束事件,会在手指离开的时候触发
六、其他事件
animationstart 动画开始时触发
animationed 动画结束时触发
transitioned 过度结束时触发
js怎么获取父函数的event
js对于函数的定义是非常松,即使你在函数定义时未写任何参数,或者你定义的参数有多个,但是你调用时,一个参数也不填,也不会出错的。 因为js函数内默认有个变量,保存你的入参叫:arguments, 他是一个数组,下标从0开始, 所以获取event可以写成function eventTest(){ var event = window.event||arguments; //target 就是这个对象 target = event.srcElement||event.target, //这个对象的值 targetValue = target.value;}12345671234567当然,有的时候需要给函数传入几个参数,这时如果要用想用到event的话可以这么写function eventTest(a,b){ var event = window.event || arguments.callee.caller.arguments //target 就是这个对象 target = event.srcElement||event.target, //这个对象的值 targetValue = target.value;}12345671234567如果传入了参数却如第一种写法的话,则arguments中将会传入传入的参数,这时获取的arguments就会是第一个传入的参数了。鉴于此,故还是都用第二中方法获取更为稳妥。
JS中的event 对象包含哪些东西 event,实例 详解
JS中的event对象,指的是用户的操作。比如onclick,onkeydown都是属于事件,事件严格的说不是对象,他其实是一种方法,只是这种方法他是通过某种行为去调用的,不是我们手动写代码调用的,就如点击事件是在鼠标点击时被调用 事件被赋值常见是直接在标签里赋值,如《input id="a" type="button" onclick="alert();"》你也可以用js赋值document.getElementById("a").onclick=function(){ alert();}看见了吗,把一个function赋给了点击事件,所以说事件他实质上方法
如何在js代码中,如何获取event
event是事件对象,比如你按了某个键(或者单击等,反正能触发事件的),那你在处理时候可能会需要一些信息,比如说是哪个元素被触发的,这个元素也就是你所问的event.srcElement(事件的源对象),通过它可以得到事件的对象,如果你是按键事件如keyup,keydown,那么在event.keyCode会得到这个键的ascii码,如果是鼠标事件,可能还会有当前鼠标的坐标等等,总之,这个对象里面包含了事件发生时的各种数据。
如何打印出js event的所有对象
下面给出一份演示
《!DOCTYPE html》《html》《head》 《meta charset="utf-8"》 《title》e演示《/title》 《script type="text/javascript"》 function clickShowEvent(){ var e=null; if(event){ e=event; }else if(window.event){ e=window.event; }else{ e=arguments.callee.arguments; } console.log(e);//如果这样不能显示对象的属性可以这样 for(var i in e){ console.log("属性名称:"+i+";属性值"+e) } } 《/script》《/head》《body》《div onclick="clickShowEvent()"》点我《/div》《/body》《/html》
运行上面代码在控制台可以看到属性
更多文章:
仿宋gb2312字体官方下载安装(如何安装仿宋GB2312字体)
2024年8月12日 07:36
affinity photo(Affinity Photo:简单上手体验)
2024年6月7日 00:24
pdf download(pdf.download是什么格式的文件怎么打开)
2024年9月29日 10:05
北京麻将庄家打五万,下家跟庄打五万,庄能胡牌吗?北京麻将海底捞月番几番
2023年5月26日 13:40
qq好友分组大全(我QQ里有小学同学、初中同学、高中同学、老师,帮我取个分组名称)
2023年6月28日 18:20
全民无双哪里还能玩?全民无双灰度服是啥意思,我原来角色去哪里了
2024年6月21日 13:03
nba免费直播(免费看五大联赛,中超,NBA,CBA的体育直播网站)
2024年7月7日 12:37