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> & ...
随机推荐
- React笔记-事件分发
事件分发 之前讲述了事件如何绑定在document上,那么具体事件触发的时候是如何分发到具体的监听者呢?我们接着上次注册的事件代理看.当我点击update counter按钮时,触发注册的click事 ...
- 关于Java开发一职的经验
本人为大四软件工程学生,由于准备不充分也没有前人指点,去年10月份才赶上秋招节奏,然后签下了一家比较起来还行的公司.所以不太期望大家有求职意愿但苦于不知作何准备,所以特列以下知识点检索供大家查阅.如果 ...
- python类属性在继承中的修改的影响
class A(object): x = 1 class B(A): pass class C(A): pass # 通过父类修改类属性,子类继承的类属性也改变 A.x = 3 print(A.x, ...
- 《LINUX内核设计与实现》第五章学习总结
一.与内核通信 系统调用:用户控件进程和硬件设备之间添加了一个中间层 系统调用的三个主要作用: 为用户空间提供了一种硬件的抽象接口 系统调用保证了系统的稳定和安全 每个进程都运行在虚拟系统中,而在用户 ...
- Linux内核分析——第三周学习笔记
20135313吴子怡.北京电子科技学院 chapter1 知识点梳理 一.Linux内核源代码简介 (视频中对目录下的文件进行了简介,记录如下) arch目录 占有相当庞大的空间 arch/x86目 ...
- Scalable Object Detection using Deep Neural Networks译文
原文:https://arxiv.org/abs/1312.2249
- String基础
一: String,StringBuffer与StringBuilder的区别??String 字符串常量StringBuffer 字符串变量(线程安全)StringBuilder 字符串变量(非线程 ...
- ping出现dup问题
华为交换机收到mac地址漂移告警: Dec 24 2018 16:48:22+08:00 HW5320 %%01SECE/4/UCSUPPRESSRESUME(l) [66]:MAC address ...
- Git使用:安装,使用及常用命令整理
对于程序猿而言,git是最常接触的工具之一,因此需要熟练快速掌握其技巧. git安装: windwos: [原创]Windows平台下Git的安装与配置 Ubuntu:git与github在ubun ...
- ThreadLocal变量
什么是ThreadLocal变量?ThreadLocal,很多地方叫做线程本地变量,也有些地方叫做线程本地存储,其实意思差不多.可能很多朋友都知道ThreadLocal为变量在每个线程中都创建了一个副 ...