常用JavaScript触发事件

最新推荐文章于 2021-02-10 17:52:08 发布

ade61966

最新推荐文章于 2021-02-10 17:52:08 发布

阅读量316

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/hugjil/p/6057187.html

版权

事件句柄

οnclick=JavaScript；鼠标单击某个对象。3
οndblclick=JavaScript；鼠标双击某个对象。3
οnmοusedοwn=JavaScript；某个鼠标键被按下。4
οnmοuseup=JavaScript；某个鼠标键松开。4
οnmοusemοve=JavaScript；鼠标被移动。3
οnmοuseοut=JavaScript；鼠标从某元素移开。4
οnmοuseοver=JavaScript；鼠标被移到某个元素之上。3
οnfοcus=JavaScript；元素获得焦点。3
οnblur=JavaScript；元素失去焦点。3
οnchange=JavaScript；用户改变域的内容。3
οnabοrt=JavaScript；图像加载被中断。4
οnerrοr=JavaScript；当加载文档或图像发生某个错误。4
οnlοad=JavaScript；某个页面或图像被完成加载。3
οnkeydοwn=JavaScript；某个键盘的键被按下。3
οnkeypress=JavaScript；某个加盘的键被按下或按住。3
οnkeyup=JavaScript；某个键盘的键被松开。3
οnreset=JavaScript；重置按钮被点击。4
οnresize=JavaScript；窗口或框架被调整尺寸。4
οnselect=JavaScript；文本被选定。3
οnsubmit=JavaScript；提交按钮被点击。3
οnunlοad=JavaScript；用户退出页面。3

使用方法：

var w=0,h=0,i=0;

window.οnresize=win;

window.οnmοuseup=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>

注：后面的数值代表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 οnkeypress="key()">

实现：FF

function key(e){alert(e.which);

document. onkeypress =key; //全局按键事件呼叫key()；还可写在<body>标签，<head οnkeypress="key()">

实现：IE

function key(e){alert(event.keyCode);

document. onkeypress =key; //全局按键事件呼叫key()；还可写在<body>标签，<head οnkeypress="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

转载于:https://www.cnblogs.com/hugjil/p/6057187.html

ade61966

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
常用JavaScript触发事件

事件句柄onclick=JavaScript；鼠标单击某个对象。3ondblclick=JavaScript；鼠标双击某个对象。3onmousedown=JavaScript；某个鼠标键被按下。4onmouseup=JavaScript；某个鼠标键松开。4onmousemove=JavaScript；鼠标被移动。3onmouseout=JavaScript；鼠标从...
复制链接

扫一扫