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中一些常用的事件(笔记)的更多相关文章

  1. js中的点击事件(click)的实现方式

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  2. Js中的4个事件

    除了加载文档的事件onload和鼠标相关的一些事件如onclick,onmouseover等.js还有一些相对不常用的事件,这些事件也有各自的应用场景,本文就介绍 onkeydown,oncontex ...

  3. 关于SWT/JFace中其他常用的事件

    1.addSelectionListener:这个监听器最常用. 这个addSelectionListener是一个方法,addSelectionListener(SelectionListener ...

  4. js中一些常用的基本函数

    如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象(用于 ...

  5. JS中一些常用的内置对象

    在JS中,经常会遇到明明知道一个对象有某个属性或方法,可是又不知道怎么写的情况.下面,我就罗列了一些JS中常用的内置对象的属性和方法. Math对象: Math对象的作用是执行常见的算术任务. 首先M ...

  6. JS中的异步以及事件轮询机制

    一.JS为何是单线程的? JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事.那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊.(在JAVA和c#中的异步 ...

  7. JS中双击和单击事件冲突解决

    在JS中代码中同一功能块中通常同时会用到单击.双击事件,但通常会遇到一个问题,就是在双击的时候即执行了一次双击事件,而且还执行了两次单击事件.此类冲突在ZTree.DHTMLX中经常遇到. 想要解决两 ...

  8. 为什么JS是单线程?JS中的Event Loop(事件循环)?JS如何实现异步?setimeout?

    https://segmentfault.com/a/1190000012806637 https://www.jianshu.com/p/93d756db8c81 首先,请牢记2点: (1) JS是 ...

  9. 关于JS中的常用表单验证+正则表达式

    一.非空验证 trim:去空格(去掉前后的空格),任何字符串都可以用这个方法.写法为:if(v.trim().length==0),表示如果去掉空格后的字符串的长度为0. <body> & ...

随机推荐

  1. React笔记-事件分发

    事件分发 之前讲述了事件如何绑定在document上,那么具体事件触发的时候是如何分发到具体的监听者呢?我们接着上次注册的事件代理看.当我点击update counter按钮时,触发注册的click事 ...

  2. 关于Java开发一职的经验

    本人为大四软件工程学生,由于准备不充分也没有前人指点,去年10月份才赶上秋招节奏,然后签下了一家比较起来还行的公司.所以不太期望大家有求职意愿但苦于不知作何准备,所以特列以下知识点检索供大家查阅.如果 ...

  3. python类属性在继承中的修改的影响

    class A(object): x = 1 class B(A): pass class C(A): pass # 通过父类修改类属性,子类继承的类属性也改变 A.x = 3 print(A.x, ...

  4. 《LINUX内核设计与实现》第五章学习总结

    一.与内核通信 系统调用:用户控件进程和硬件设备之间添加了一个中间层 系统调用的三个主要作用: 为用户空间提供了一种硬件的抽象接口 系统调用保证了系统的稳定和安全 每个进程都运行在虚拟系统中,而在用户 ...

  5. Linux内核分析——第三周学习笔记

    20135313吴子怡.北京电子科技学院 chapter1 知识点梳理 一.Linux内核源代码简介 (视频中对目录下的文件进行了简介,记录如下) arch目录 占有相当庞大的空间 arch/x86目 ...

  6. Scalable Object Detection using Deep Neural Networks译文

    原文:https://arxiv.org/abs/1312.2249

  7. String基础

    一: String,StringBuffer与StringBuilder的区别??String 字符串常量StringBuffer 字符串变量(线程安全)StringBuilder 字符串变量(非线程 ...

  8. ping出现dup问题

    华为交换机收到mac地址漂移告警:  Dec 24 2018 16:48:22+08:00 HW5320 %%01SECE/4/UCSUPPRESSRESUME(l) [66]:MAC address ...

  9. Git使用:安装,使用及常用命令整理

    对于程序猿而言,git是最常接触的工具之一,因此需要熟练快速掌握其技巧. git安装: windwos:  [原创]Windows平台下Git的安装与配置 Ubuntu:git与github在ubun ...

  10. ThreadLocal变量

    什么是ThreadLocal变量?ThreadLocal,很多地方叫做线程本地变量,也有些地方叫做线程本地存储,其实意思差不多.可能很多朋友都知道ThreadLocal为变量在每个线程中都创建了一个副 ...