常用JavaScript触发事件
事件句柄
- onclick=JavaScript；鼠标单击某个对象。3
- ondblclick=JavaScript；鼠标双击某个对象。3
- onmousedown=JavaScript；某个鼠标键被按下。4
- onmouseup=JavaScript；某个鼠标键松开。4
- onmousemove=JavaScript；鼠标被移动。3
- onmouseout=JavaScript；鼠标从某元素移开。4
- onmouseover=JavaScript；鼠标被移到某个元素之上。3
- onfocus=JavaScript；元素获得焦点。3
- onblur=JavaScript；元素失去焦点。3
- onchange=JavaScript；用户改变域的内容。3
- onabort=JavaScript；图像加载被中断。4
- onerror=JavaScript；当加载文档或图像发生某个错误。4
- onload=JavaScript；某个页面或图像被完成加载。3
- onkeydown=JavaScript；某个键盘的键被按下。3
- onkeypress=JavaScript；某个加盘的键被按下或按住。3
- onkeyup=JavaScript；某个键盘的键被松开。3
- onreset=JavaScript；重置按钮被点击。4
- onresize=JavaScript；窗口或框架被调整尺寸。4
- onselect=JavaScript；文本被选定。3
- onsubmit=JavaScript；提交按钮被点击。3
- onunload=JavaScript；用户退出页面。3
使用方法：
<input type="text" onfocus="javascript:alert('获得焦点');" value="啊啊啊啊啊啊啊"/>
<script type="text/javascript">
var w=0,h=0,i=0;
window.onresize=win;
window.onmouseup=after;
function after() {
alert("width:" + window.innerWidth + "\nheight:" + window.innerHeight);
}
function win(){
w=window.innerWidth;
h= window.innerHeight;
document.getElementById("show").innerHTML=t();
}
function t() {
i++;
return i;
}
</script>
<span id="show"></span>
注：后面的数值代表IE版本。
鼠标、键盘属性
2、altKey：返回当事件被触发时，"alt"是否被按下。
event.altKey：true|false|1|0
2、button：返回当事件被触发时，那个鼠标按钮被点击。
event.button：0|1|2 左|中|右
IE: event.button：1|4|2 左|中|右
3、clientX：返回当事件被触发时，鼠标指针的水平坐标。
X=event.clientX;
4、clientY：返回当事件被触发是，鼠标指针的垂直坐标。
Y=event.sclientY;
5、ctrlKey：返回当事件被触发时，"ctrl"键是否被按下。
event. ctrlKey：true|false|1|0
6、metaKey：返回当事件被触发时，"meta"键是否被按下。
event. metaKey：true|false|1|0
7、relatedTarget：返回与事件的目标节点相关的节点。
IE不支持。基本上不用这个属性。
8、screenX：返回当某个事件被触发时，鼠标指针的水平坐标。
X=event.screenX;
9、screenY：返回当某个事假被出发时，鼠标指针的垂直坐标。
Y=event.screenY;
10、shiftKey：返回当事件被触发时，"shift"键是否被按下。
event.altKey：true|false|1|0
11、target：事件属性可返回事件的目标节点（触发该事件的节点）。
var d = event. target（节点），d.id：目标节点的ID，d.value：目标节点的value；
12、keyCode：对于 keypress 事件，该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件，它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。（IE中keypress不支持功能按键）
Keypress事件按下shift+1时返回可打印的"！"字符。而keydown和keyup记录仪shift+1。
事件初始化：
function key(e){javascript}
document. onkeypress =key;//全局按键事件呼叫key()；还可写在<body>标签，<head onkeypress="key()">
实现：FF
function key(e){alert(e.which);
document. onkeypress =key; //全局按键事件呼叫key()；还可写在<body>标签，<head onkeypress="key()">
实现：IE
function key(e){alert(event.keyCode);
document. onkeypress =key; //全局按键事件呼叫key()；还可写在<body>标签，<head onkeypress="key()">
判断浏览器类型读取键盘key：
浏览器代码名称：navigator.appCodeName
浏览器名称：navigator.appName
浏览器版本号：navigator.appVersion
对Java的支持：navigator.javaEnabled()
MIME类型（数组）：navigator.mimeTypes
系统平台：navigator.platform
插件（数组）：navigator.plugins
用户代理：navigator.userAgent
1：
function key(e){
if(navigator.appName=="Microsoft Internet Explorer")
{alert(event.keyCode);}
else
{alert(e.which);}
2：
function key(e){
var ekeycode=0;
e=e||event;
ekeycode=e.keyCode||e.which;
alert(ekeycode);
}
keyCode转字符函数：String.fromCharCode(code);
参考：
http://www.w3school.com.cn/jsref/jsref_events.asp
http://www.jb51.net/article/44654.htm
常用JavaScript触发事件的更多相关文章
- 浅谈JavaScript的事件（事件模拟）
事件经常由操作或者通过浏览器功能触发,通过JavaScript也可以触发元素的事件.通过JavaScript触发事件,也称为事件的模拟. DOM中事件模拟 可以document的createEvent ...
- javascript和jquery 获取触发事件的元素
一个很简单的问题,却因为大意,经常忘了处理,导致程序运行出错. <!DOCTYPE html> <html> <head> <meta charset=&qu ...
- javascript中常用的DOM事件
//常用事件 onclick 点击事件 onmousedown 鼠标按下 onmousemove 鼠标移动 onmouseup 鼠标抬起 onmouseover 鼠标放上 onmouseout 鼠标放 ...
- javaScript 的option触发事件
先说jquery的option触发事件,很方便 $("option:selected")//这样就能直接触发选择的option了 在JavaScript中就显得比较麻烦,其实< ...
- Android常用的物理按键及其触发事件
Activity和View都能接收触摸和按键,如果响应事件只需要在继承类里复写事件函数即可:当一个视图(如一个按钮)被触摸时,该对象上的 onTouchEvent() 方法会被调用.不过,为了侦听这个 ...
- javascript触发input-file的click事件
概述 input:file本身自带的样式不太好看,但是又没法设置样式. 由于系统限制,不能通过代码触发,只允许用户自主点击. 通常的解决办法是,把input:file透明化,实际上点击的还是input ...
- javascript鼠标双击时触发事件大全
javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...
- javascript 文本框值变化触发事件
javascript 文本框值变化触发事件jo.find(".price").bind('input onpropertychange', function () { me.cal ...
- JavaScript中，有三种常用的绑定事件的方法
要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的 ...
随机推荐
- Android 5.0 到 Android 6.0 + 的深坑之一 之 .so 动态库的适配
(原创:http://www.cnblogs.com/linguanh) 目录: 前序 一,问题描述 二,为何会如此"无情"? 三,目前存在该问题的知名SDK 四,解决方案,1 对 ...
- SEED实验系列文章目录
美国雪城大学SEEDLabs实验列表 SEEDLabs是一套完整的信息安全实验,涵盖本科信息安全教学中的大部分基本原理.项目组2002年由杜文亮教授创建,目前开发了30个实验,几百所大学已采用.实验楼 ...
- T-SQL学习记录
T-sql是对SQL(structure query language )的升级.可以加函数. 系统数据库:master管理数据库.model模版数据库,msdb备份等操作需要用到的数据库,tempd ...
- Firebug中调试中的js脚本中中文内容显示为乱码
Firebug中调试中的js脚本中中文内容显示为乱码 设置 页面 UFT-8 编码没用, 解决方法:点击 "Firebug"工具栏 中的"选项"---" ...
- SCNU ACM 2016新生赛决赛 解题报告
新生初赛题目.解题思路.参考代码一览 A. 拒绝虐狗 Problem Description CZJ 去排队打饭的时候看到前面有几对情侣秀恩爱,作为单身狗的 CZJ 表示很难受. 现在给出一个字符串代 ...
- 端盘子的服务生到月薪一万五的IT精英，你能相信吗
一直以来,我都觉得自己不是一个有故事的人. 以前的我,是个乖宝宝,对父母言听计从,特别内向,甚至一度感觉到自卑.不上学之后,我干过送货员,去工地除泥搬砖,当过油漆工,去过工厂,还去饭店当过端盘子的服务 ...
- Spring MVC注解开发入门
注解式开发初步 常用的两个注解: @Controller:是SpringMVC中最常用的注解,它可以帮助定义当前类为一个Spring管理的bean,同时指定该类是一个控制器,可以用来接受请求.标识当前 ...
- 机器指令翻译成 JavaScript —— No.2 跳转处理
上一篇,我们发现大多数 6502 指令都可以直接 1:1 翻译成 JS 代码,但除了「跳转指令」. 跳转指令,分无条件跳转.条件跳转.从另一个角度,也可分: 静态跳转:目标地址已知 动态跳转:目标地址 ...
- Java版本：识别Json字符串并分隔成Map集合
前言: 最近又看了点Java的知识,于是想着把CYQ.Data V5迁移到Java版本. 过程发现坑很多,理论上看大部分很相似,实践上代码写起来发现大部分都要重新思考方案. 遇到的C#转Java的一些 ...
- 微软开放.NET框架源代码和Mono
微软一直在朝着更加开放的方向努力.例如,公司首席执行官萨特亚纳德拉(Satya Nadella)在Windows 10预览发布会上声称微软喜欢Linux,这并不出人意料,但是对于一家将Linux视作威 ...