事件句柄

  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

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

  1. 浅谈JavaScript的事件（事件模拟）

    事件经常由操作或者通过浏览器功能触发,通过JavaScript也可以触发元素的事件.通过JavaScript触发事件,也称为事件的模拟. DOM中事件模拟 可以document的createEvent ...

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

    一个很简单的问题,却因为大意,经常忘了处理,导致程序运行出错. <!DOCTYPE html> <html> <head> <meta charset=&qu ...

  3. javascript中常用的DOM事件

    //常用事件 onclick 点击事件 onmousedown 鼠标按下 onmousemove 鼠标移动 onmouseup 鼠标抬起 onmouseover 鼠标放上 onmouseout 鼠标放 ...

  4. javaScript 的option触发事件

    先说jquery的option触发事件,很方便 $("option:selected")//这样就能直接触发选择的option了 在JavaScript中就显得比较麻烦,其实< ...

  5. Android常用的物理按键及其触发事件

    Activity和View都能接收触摸和按键,如果响应事件只需要在继承类里复写事件函数即可:当一个视图(如一个按钮)被触摸时,该对象上的 onTouchEvent() 方法会被调用.不过,为了侦听这个 ...

  6. javascript触发input-file的click事件

    概述 input:file本身自带的样式不太好看,但是又没法设置样式. 由于系统限制,不能通过代码触发,只允许用户自主点击. 通常的解决办法是,把input:file透明化,实际上点击的还是input ...

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

    javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...

  8. javascript 文本框值变化触发事件

    javascript 文本框值变化触发事件jo.find(".price").bind('input onpropertychange', function () { me.cal ...

  9. JavaScript中，有三种常用的绑定事件的方法

    要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的 ...

随机推荐

  1. SDWebImage源码解读_之SDWebImageDecoder

    第四篇 前言 首先,我们要弄明白一个问题? 为什么要对UIImage进行解码呢?难道不能直接使用吗? 其实不解码也是可以使用的,假如说我们通过imageNamed:来加载image,系统默认会在主线程 ...

  2. angluarjs2项目生成内容合并到asp.net mvc4项目中一起发布

    应用场景 angular2(下文中标注位NG2)项目和.net mvc项目分别开发,前期采用跨域访问进行并行开发,后期只需要将NG2项目的生产版本合并到.net项目. NG2项目概述 ng2项目采用的 ...

  3. BPM Domino集成解决方案

    一.需求分析 Lotus Notes/Domino是IBM的协同办公平台,在国内有广泛的用户. 但由于推出年头较早.采用文档数据库等特点, 导致其流程集成能力弱.统计分析难.不支持移动办公等问题,很多 ...

  4. ASP.NET Web API Model-ModelMetadata

    ASP.NET Web API Model-ModelMetadata 前言 前面的几个篇幅主要围绕控制器的执行过程,奈何执行过程中包含的知识点太庞大了,只能一部分一部分的去讲解,在上两篇中我们看到在 ...

  5. your password has expired.to log in you must change it

    今天应用挂了,log提示密码过期.客户端连接不上. 打开mysql,执行sql语句提示密码过期 执行set password=new password('123456'); 提示成功,但客户端仍然连接 ...

  6. mybatis Generator生成代码及使用方式

    本文原创,转载请注明:http://www.cnblogs.com/fengzheng/p/5889312.html 为什么要有mybatis mybatis 是一个 Java 的 ORM 框架,OR ...

  7. 在ABP中创建Person实体类

    经过之前的准备目前我们的项目,终于可以搞正式的开发工作了. 创建实体Person 在Core类库中添加Person类 /// <summary> /// 联系人 /// </summ ...

  8. TODO：一不顺眼就换字体Go之应用篇

    TODO:一不顺眼就换字体Go之应用篇 字体,文字的外在形式特征.就是文字的风格,是文字的外衣.好的字体让人看得舒服,让人更有看.写的欲望哦.2016-11-16 GO官方博客发布了同名Go字体,并没 ...

  9. 如何使用yum 下载 一个 package ？如何使用 yum install package 但是保留 rpm 格式的 package ？ 或者又 如何通过yum 中已经安装的package 导出它，即yum导出rpm？

    注意 RHEL5 和 RHEL6 的不同 How to use yum to download a package without installing it Solution Verified - ...

  10. xcode8.1 插件失效的问题

    1,查看 Xcode 插件安装目录 ~/Library/Application Support/Developer/Shared/Xcode/Plug-ins 鼠标点一下桌面, command+shi ...