JS中一些常用的事件(笔记)
window.onload事件:当文档和其所有外部资源(如图片)完全加载并显示给用户时就会触发它。
window.onload = function (){
//当加载完当前页面和其所有外部资源(如图片)后,执行这个函数
}
window.onunload事件:当用户离开当前页面时会触发该事件
window.onunload = function (){
//离开该页面时执行该函数
}
event对象:该对象代表了当前事件的状态,并且只有在事件发生的过程中才生效。对象中存放的是键盘按键的状态、鼠标的位置、鼠标按钮的状态等等。
click事件:鼠标左按钮点击事件。
var tag = document.getElementById('IDname');
tag.onclick = function (event){
//单击tag元素就执行该函数
}
contextmenu事件:鼠标右按钮点击事件
//取消鼠标右键
var bodyEle = document.getElementsByTagName('body')[0];
bodyEle.oncontextmenu='return false'
dblclick事件:鼠标左按钮双击事件
var tag = document.getElementById('IDname');
tag.ondblclick= function (event){
//双击tag元素就执行该函数
}
mousedown事件:按下鼠标左按钮时触发的事件
var tag = document.getElementById('IDname');
tag.onmousedown = function (){
//在tag元素上按下鼠标左键时就执行该函数
}
mouseup事件:释放鼠标左按钮时触发的事件
var tag = document.getElementById('IDname');
tag.onmouseup = function (){
//在tag元素上释放鼠标左键时就执行该函数
}
mousemove事件:移动鼠标时触发的事件
var tag = document.getElementById('IDname');
tag.onmousemove = function (){
//在tag元素上移动鼠标时就执行该函数
}
mouseover事件:当鼠标进入某个元素范围时触发
var tag = document.getElementById('IDname');
tag.onmouseover = function (){
//当鼠标移入tag元素上时就执行该函数
}
mouseout事件:当鼠标移出某个元素范围时触发
var tag = document.getElementById('IDname');
tag.onmouseout = function (){
//当鼠标移出tag元素上时就执行该函数
}
keyup事件:键盘按键被松开时触发
//tag元素一般是一个input元素,输入框
var tag = document.getElementById('IDname');
tag.onkeyup = function (){
//键盘按键被松开时执行函数
}
keydown事件:键盘按键被按下时触发
//tag元素一般是一个input元素,输入框
var tag = document.getElementById('IDname');
tag.onkeydown = function (){
//键盘按键被按下时执行函数
}
keypress事件:键盘按键被按下并松开时触发
//tag元素一般是一个input元素,输入框
var tag = document.getElementById('IDname');
tag.onkeypress = function (){
//键盘按键被按下并松开时执行函数
}
JS中一些常用的事件(笔记)的更多相关文章
- js中的点击事件(click)的实现方式
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...
- Js中的4个事件
除了加载文档的事件onload和鼠标相关的一些事件如onclick,onmouseover等.js还有一些相对不常用的事件,这些事件也有各自的应用场景,本文就介绍 onkeydown,oncontex ...
- 关于SWT/JFace中其他常用的事件
1.addSelectionListener:这个监听器最常用. 这个addSelectionListener是一个方法,addSelectionListener(SelectionListener ...
- js中一些常用的基本函数
如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象(用于 ...
- JS中一些常用的内置对象
在JS中,经常会遇到明明知道一个对象有某个属性或方法,可是又不知道怎么写的情况.下面,我就罗列了一些JS中常用的内置对象的属性和方法. Math对象: Math对象的作用是执行常见的算术任务. 首先M ...
- JS中的异步以及事件轮询机制
一.JS为何是单线程的? JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事.那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊.(在JAVA和c#中的异步 ...
- JS中双击和单击事件冲突解决
在JS中代码中同一功能块中通常同时会用到单击.双击事件,但通常会遇到一个问题,就是在双击的时候即执行了一次双击事件,而且还执行了两次单击事件.此类冲突在ZTree.DHTMLX中经常遇到. 想要解决两 ...
- 为什么JS是单线程?JS中的Event Loop(事件循环)?JS如何实现异步?setimeout?
https://segmentfault.com/a/1190000012806637 https://www.jianshu.com/p/93d756db8c81 首先,请牢记2点: (1) JS是 ...
- 关于JS中的常用表单验证+正则表达式
一.非空验证 trim:去空格(去掉前后的空格),任何字符串都可以用这个方法.写法为:if(v.trim().length==0),表示如果去掉空格后的字符串的长度为0. <body> & ...
随机推荐
- mac10.12.6系统配置clion编写CMakeLists文件运行opencv3
按照mac10.12.6系统使用cmake安装opencv3.3.0+opencv_contrib-3.3.0下载编译安装好了文件以后,装好clion编译器,新建C++可执行工程,编写代码 opecv ...
- 在WebGL场景中建立游戏规则
在前三篇文章的基础上,为基于Babylon.js的WebGL场景添加了类似战棋游戏的基本操作流程,包括从手中选择单位放入棋盘.显示单位具有的技能.选择技能.不同单位通过技能进行交互.处理交互结果以及进 ...
- H5游戏接微信小游戏的支付,满满的都是坑!
h5小游戏接微信的支付,简直是在为难我胖虎,说多了都是泪. 准备工作: 准备工作一定要做好,不然很容易出错.首先是session_key这个字段,这个session_key是登录的时候需要用到的,根据 ...
- 32bit 天堂2脚本修改资料大全【客户端+服务端】
该资料夹中所有教程资料全部适合天堂2初章32位服务端的脚本修改,已经1.2章相关客户端的修改. https://pan.baidu.com/s/1RuGMFNgERd2JMYQpdceQwg 提取码: ...
- java保留两位小数4种方法(转载)
喵喵最近经常遇到小数点保留的问题,转载一篇Java里面的几种小数点位数控制方法. 这是转载的原地址:https://www.cnblogs.com/chenrenshui/p/6128444.html ...
- codeforces 1141G Privatization of Roads in Treeland
题目链接:http://codeforces.com/contest/1141/problem/G 题目大意: 给你一个无向连通图.每条边都有颜色,如果存在一个点的临边中有超过两条边颜色相同,这个点就 ...
- 第一次scrum meeting
在这次会议中,我们确定了任务的具体分配.这里截取一部分,每个人都有20个小时左右的编程任务,整个项目共计约140小时. 明天是正式开始软件实现的第一天,下面列出前两天每个人的任务: 第一天 第二天 ...
- fetch API & upload file
fetch API & upload file https://github.com/github/fetch/issues/89 https://stackoverflow.com/ques ...
- MT【164】条件化简
(2017北大优特测试第9题) 已知实数 \(a_i\)(\(i=1,2,3,4,5\))满足 \((a_1-a_2)^2+(a_2-a_3)^2+(a_3-a_4)^2+(a_4-a_5)^2=1\ ...
- P2325 [SCOI2005]王室联邦 解题报告
P2325 [SCOI2005]王室联邦 题目描述 "余"人国的国王想重新编制他的国家.他想把他的国家划分成若干个省,每个省都由他们王室联邦的一个成员来管理. 他的国家有\(n\) ...