常用JavaScript触发事件

事件句柄

  1. onclick=JavaScript;鼠标单击某个对象。3
  2. ondblclick=JavaScript;鼠标双击某个对象。3
  3. onmousedown=JavaScript;某个鼠标键被按下。4
  4. onmouseup=JavaScript;某个鼠标键松开。4
  5. onmousemove=JavaScript;鼠标被移动。3
  6. onmouseout=JavaScript;鼠标从某元素移开。4
  7. onmouseover=JavaScript;鼠标被移到某个元素之上。3
  8. onfocus=JavaScript;元素获得焦点。3
  9. onblur=JavaScript;元素失去焦点。3
  10. onchange=JavaScript;用户改变域的内容。3
  11. onabort=JavaScript;图像加载被中断。4
  12. onerror=JavaScript;当加载文档或图像发生某个错误。4
  13. onload=JavaScript;某个页面或图像被完成加载。3
  14. onkeydown=JavaScript;某个键盘的键被按下。3
  15. onkeypress=JavaScript;某个加盘的键被按下或按住。3
  16. onkeyup=JavaScript;某个键盘的键被松开。3
  17. onreset=JavaScript;重置按钮被点击。4
  18. onresize=JavaScript;窗口或框架被调整尺寸。4
  19. onselect=JavaScript;文本被选定。3
  20. onsubmit=JavaScript;提交按钮被点击。3
  21. 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

时间: 2024-10-12 14:03:23

常用JavaScript触发事件的相关文章

移动端开发注册、登陆input常用事件(input输入文字触发事件)

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>移动端开发注册.登陆input常用事件(input输入文字触发事件)</title> <meta name="keywords" content="

javascript鼠标双击时触发事件大全

javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠标时触发此事件 onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4.N4 鼠标移动时触发此事件 onmouseout IE4.N3 当鼠标离开某对象范围

javaScript 的option触发事件

先说jquery的option触发事件,很方便 $("option:selected")//这样就能直接触发选择的option了 在JavaScript中就显得比较麻烦,其实<option>本身没有触发事件方法,我们只有在select里的onchange方法里触发. <select id="pid" onchange="gradeChange(this.value)"> <option grade="1&q

javascript触发input-file的click事件

概述 input:file本身自带的样式不太好看,但是又没法设置样式. 由于系统限制,不能通过代码触发,只允许用户自主点击. 通常的解决办法是,把input:file透明化,实际上点击的还是input:file. 方案 虽然可以通过概述中的办法用css实现,但始终还是占据了位置. 以下的通过javascript实现的触发事件,简单的一行代码即可搞定:D 1 <body> 2 <input type="file" id="demo"> 3 &l

JavaScript触发文档事件和窗口事件

转载请注明出处:http://www.uphtm.com/js/128.html 浏览器窗口本身理解一些事件,包括从当载入页面的时候触发的事件,到当访问者离开页面的时候触发的事件: ·load.当Web浏览器完成下载Web页面文件的全部内容之后(HTML文件本身,加上任何链接图像.Flash电影和外部的CSS和JavaScript文件),load事件触发.Web设计师习惯上会使用这个事件来启动操作Web页面的任何程序.然而,如果有很多的图形或者其他较大的链接文件的话,载入一个Web页面及其所有的

JavaScript中,有三种常用的绑定事件的方法

要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 一. 在DOM元素中直接绑定 这里的DOM元素,可以理解为HTML标签.JavaScript支持在标签中直接绑定事件,语法为:    onXXX="JavaScript Code" 其中:

javascript和jquery 获取触发事件的元素

一个很简单的问题,却因为大意,经常忘了处理,导致程序运行出错. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <ul> <li> <ul> <li>listone</li> <li>listtwo

JavaScript的事件对象_鼠标事件

鼠标事件是 Web 上面最常用的一类事件,毕竟鼠标还是最主要的定位设备.那么通过事件对象可以获取到鼠标按钮信息和屏幕坐标获取等. 一.鼠标按钮 只有在主鼠标按钮被单击时(常规一般是鼠标左键)才会触发 click 事件,因此检测按钮的信息并不是必要的. 但对于 mousedown 和 mouseup 事件来说,则在其 event 对象存在一个 button 属性,表示按下或释放按钮. <script type="text/javascript"> window.onload

JavaScript onkeydown事件入门实例(键盘某个按键被按下)

JavaScript onkeydown 事件 用户按下一个键盘按键时会触发 onkeydown 事件.与 onkeypress事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理. 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which. onkeydown 获取用户按下的键