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. [算法总结] 6 道题搞定 BAT 面试——堆栈和队列

    本文首发于我的个人博客:尾尾部落 0. 基础概念 栈:后进先出(LIFO) 队列:先进先出(FIFO) 1. 栈的 java 实现 import java.util.Arrays; public cl ...

  2. PAT甲题题解-1023. Have Fun with Numbers (20)-大数加法

    和1024一样都是大数据的题,因为位数最多要20位,long long最多19位给一个num,求sum=num+num问sum包含的数字,是否是num的一个排列,即数字都一样,只是顺序不同罢了. #i ...

  3. PAT甲题题解-1104. Sum of Number Segments (20)-(水题)

    #include <iostream> #include <cstdio> #include <algorithm> #include <string.h&g ...

  4. c#版flappybird 未完全实现

    这些天开始在深圳找工作,想着把从前有些淡忘的技术再温故下.看到尊敬的<传智播客>有一期公开课,讲的是用c#编写flappybird小游戏,也就自己搜了下游戏资源,也来试试看. 其实用到的技 ...

  5. 2017-2018 第一学期201623班《程序设计与数据结构》-第2&3周作业问题总结

    一.作业内容 第二周作业 http://www.cnblogs.com/rocedu/p/7484252.html#WEEK02 第三周作业 作业一定按教学进程中的模板提交 本周学习任务 点评结对同学 ...

  6. java调用不了你本以为有的方法的问题

    大部分是因为你的jar版本不对引起的,我就试过

  7. 高效获取网页源码COM

    目前获取网页源码有几种方法: 1.WebClient下载页面2.HttpWebRequest发请求获取3.com组件xmlhttp获取 三者比较:WebClient代码最少,效率最慢:xmlhttp代 ...

  8. Adobe X沙箱

    一.Adobe X沙箱简介 Adobe Reader X自从引入沙箱以来,对其攻击的难度就提高了很多.Reader X的沙箱是基于Google的Chrome沙箱,Chrome是开源的,Reader X ...

  9. 11th 回顾5个问题

    当初提出的5个问题: 1.书中说很多非常成功的软件都是赢在用户体验,后面的第12章也专门提到了用户体验,说软件开发时可以使用5W1H的方法来判断用户的体验,而需求分析需要获取用户需求,进行用户调研,那 ...

  10. C语言变长数组data[0]

    1.前言 在刷题时遇到一个结构中包含char data[0],第一次见到时感觉很奇怪,数组的长度怎么可以为零呢?于是上网搜索一下这样的用法的目的,发现在linux内核中,结构体中经常用到data[0] ...