常用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中,有三种常用的 ...
随机推荐
- 【NLP】Python NLTK处理原始文本
Python NLTK 处理原始文本 作者:白宁超 2016年11月8日22:45:44 摘要:NLTK是由宾夕法尼亚大学计算机和信息科学使用python语言实现的一种自然语言工具包,其收集的大量公开 ...
- Vertica 数据库知识汇总篇
Vertica 数据库知识汇总篇(更新中..) 1.Vertica 集群软件部署,各节点硬件性能测试 2.Vertica 创建数据库,创建业务用户测试 3.Vertica 数据库参数调整,资源池分配 ...
- .NET中AOP方便之神SheepAspect
SheepAspect 简介以及代码示列: SheepAspect是一个AOP框架为.NET平台,深受AspectJ.它静织目标组件作为一个编译后的任务(编译时把AOP代码植入). 多有特性时,可根据 ...
- 关于MJRefresh的下拉加载数据bug
当没有更多数据的时候显示NoMoreData 我的理解是先结束刷新再显示没有更多 今天之前一直没发现有问题 贴之前的代码 [self.collectionView reloadData]; [self ...
- 对Maven、gradle、svn、spring 3.0 fragment、git的想法
1.Maven Maven可以构建项目,采用pom方式配置主项目和其他需要引用的项目.同时可结合spring3.0的新特性web fragment. 从现实出发,特别是对于管理不到位,程序员整体素质 ...
- 解决maven下载jar慢的问题(如何更换Maven下载源)
修改 配置文件 maven 安装 路径 F:\apache-maven-3.3.9\conf 修改 settings.xml 在 <mirrors> <!-- mirror | Sp ...
- 简历生成平台项目开发-STEP1问卷设计
周五课程结束完后,小组建立QQ群和微信群,着手讨论项目问题.一开始的大概想法:就业信息平台,收集企业招聘信息和就业生资料,提供给学生和企业的校企对接平台.后来发现群里谭卓同学也有个相关的思路,经过商量 ...
- 一切从“简”,解放IT运维人员
运维人的神技 运维既是个技术活儿也是个苦差事,而运维人员被期望有着无限的技能:主机.存储.网络.操作系统样样精通,而且还要会写SQL.shell.开发语言java..net.python等等,对业务更 ...
- MongoDB学习笔记~对集合属性的操作
回到目录 $unset清除元素 请注意在单个数组元素上使用$unset的结果可能与你设想的不一样.其结果只是将元素的值设置为null,而非删除整个元素.要想彻底删除某个数组元素,可以用$pull 和$ ...
- Linux基础介绍【第五篇】
linux权限位 Linux文件或目录的权限位是由9个权限位来控制,每三位为一组,它们分别是文件属主权限.属组权限.其他用户权限. r:read可读权限,对应数字4: w:write可写权限,对应数字 ...