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> & ...
随机推荐
- [算法总结] 6 道题搞定 BAT 面试——堆栈和队列
本文首发于我的个人博客:尾尾部落 0. 基础概念 栈:后进先出(LIFO) 队列:先进先出(FIFO) 1. 栈的 java 实现 import java.util.Arrays; public cl ...
- PAT甲题题解-1023. Have Fun with Numbers (20)-大数加法
和1024一样都是大数据的题,因为位数最多要20位,long long最多19位给一个num,求sum=num+num问sum包含的数字,是否是num的一个排列,即数字都一样,只是顺序不同罢了. #i ...
- PAT甲题题解-1104. Sum of Number Segments (20)-(水题)
#include <iostream> #include <cstdio> #include <algorithm> #include <string.h&g ...
- c#版flappybird 未完全实现
这些天开始在深圳找工作,想着把从前有些淡忘的技术再温故下.看到尊敬的<传智播客>有一期公开课,讲的是用c#编写flappybird小游戏,也就自己搜了下游戏资源,也来试试看. 其实用到的技 ...
- 2017-2018 第一学期201623班《程序设计与数据结构》-第2&3周作业问题总结
一.作业内容 第二周作业 http://www.cnblogs.com/rocedu/p/7484252.html#WEEK02 第三周作业 作业一定按教学进程中的模板提交 本周学习任务 点评结对同学 ...
- java调用不了你本以为有的方法的问题
大部分是因为你的jar版本不对引起的,我就试过
- 高效获取网页源码COM
目前获取网页源码有几种方法: 1.WebClient下载页面2.HttpWebRequest发请求获取3.com组件xmlhttp获取 三者比较:WebClient代码最少,效率最慢:xmlhttp代 ...
- Adobe X沙箱
一.Adobe X沙箱简介 Adobe Reader X自从引入沙箱以来,对其攻击的难度就提高了很多.Reader X的沙箱是基于Google的Chrome沙箱,Chrome是开源的,Reader X ...
- 11th 回顾5个问题
当初提出的5个问题: 1.书中说很多非常成功的软件都是赢在用户体验,后面的第12章也专门提到了用户体验,说软件开发时可以使用5W1H的方法来判断用户的体验,而需求分析需要获取用户需求,进行用户调研,那 ...
- C语言变长数组data[0]
1.前言 在刷题时遇到一个结构中包含char data[0],第一次见到时感觉很奇怪,数组的长度怎么可以为零呢?于是上网搜索一下这样的用法的目的,发现在linux内核中,结构体中经常用到data[0] ...