事件句柄

  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. 记录我这一年的技术之路(nodejs纯干货)

    2015年12月28日23:19:54 更新koa应用.学习型网站和开发者工具等 coding伊始 开始认认真真的学习技术还是2015.10.21日开始的,记得很清楚,那天,是我在龙湖正式学习的第一天 ...

  2. C++随笔：从Hello World 探秘CoreCLR的内部(1)

    紧接着上次的问题,上次的问题其实很简单,就是HelloWorld.exe运行失败,而本文的目的,就是成功调试HelloWorld这个控制台应用程序. 通过我的寻找,其实是一个名为TryRun的文件出了 ...

  3. Discuz NT 架构剖析之Config机制

    接触了Discuz NT! 一段时间了,是时候做个总结了,标题好霸气,有木有? 都是托园子里的大牛代振军的福啊,哈哈哈哈. 首先论坛的信息不是完全存储在数据库里面的,一部分信息存储在config文件里 ...

  4. ASP.NET Core 中文文档 第四章 MVC（4.4）依赖注入和控制器

    原文: Dependency Injection and Controllers 作者: Steve Smith 翻译: 刘浩杨 校对: 孟帅洋(书缘) ASP.NET Core MVC 控制器应通过 ...

  5. iOS架构一个中型普通App的一些经验总结

    这一版比较完善的的App终于提交审核了.有时间写写自己的一些经验的总结了.自己主导的从0到比较成型的app到目前来说也只有两个,但是其中的很多东西都是大同小异.基本上是想到了什么就写什么,感觉写的不到 ...

  6. PAT甲级 1001. A+B Format (20)

    题目原文: Calculate a + b and output the sum in standard format -- that is, the digits must be separated ...

  7. 使用gulp解决RequireJS项目前端缓存问题（二）

    1.前言 这一节,我们主要解决在上一节<使用gulp解决RequireJSs项目前端缓存问题(一)>末尾提到的几个问题: 对通过require-config.js引入的js文件修改后,没有 ...

  8. Winserver2012下mysql 5.7解压版(zip)配置安装

    一.安装 下载mysqlzip版本mysql不需要运行可执行文件,解压即可,下载zip版本mysqlmsi版本mysql双击文件即可安装,相对简单,本文不介绍此版本安装 配置环境变量打开环境变量配置页 ...

  9. windows系统路径环境变量

    当前系统盘符%systemdrive%或%HOMEDRIVE%C:\ 当前系统目录%systemroot%或%Windir%C:\WINDOWS 当前用户文件夹%UserProfile%或%HOMEP ...

  10. ASP.NET Core MVC 中的 [Controller] 和 [NonController]

    前言 我们知道,在 MVC 应用程序中,有一部分约定的内容.其中关于 Controller 的约定是这样的. 每个 Controller 类的名字以 Controller 结尾,并且放置在 Contr ...