事件句柄

  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. bzoj1079--记忆化搜索

    题目大意:有n个木块排成一行,从左到右依次编号为1~n.你有k种颜色的油漆,其中第i种颜色的油漆足够涂ci个木块.所有油漆刚好足够涂满所有木块,即c1+c2+...+ck=n.相邻两个木块涂相同色显得 ...

  2. js闭包for循环总是只执行最后一个值得解决方法

    <style> li{ list-style: none;width:40px;height: 40px;text-align:center;line-height: 40px;curso ...

  3. TCP/IP基础

    TCP/IP 是用于因特网 (Internet) 的通信协议. 计算机通信协议是对那些计算机必须遵守以便彼此通信的规则的描述. 什么是 TCP/IP? TCP/IP 是供已连接因特网的计算机进行通信的 ...

  4. iOS -- CocoaPods

    CocoaPods 是什么? CocoaPods 是一个负责管理 iOS 项目中第三方开源库的工具.CocoaPods 的项目源码在 GitHub( https://github.com/CocoaP ...

  5. 项目持续集成环境（jenkins + SVN + maven + tomcat）

    整体流程 每次SVN上代码有变动,触发自动构建动作,并部署到服务器的tomcat上,具体流程: 1.SVN上提交代码修改 2.maven执行Goals 3.将web工程打成war包 4.关闭服务器的t ...

  6. Spark的StandAlone模式原理和安装、Spark-on-YARN的理解

    Spark是一个内存迭代式运算框架,通过RDD来描述数据从哪里来,数据用那个算子计算,计算完的数据保存到哪里,RDD之间的依赖关系.他只是一个运算框架,和storm一样只做运算,不做存储. Spark ...

  7. 学习笔记：URL Protocol在浏览器中打开本地应用程序

    看到阿里的网站上可以通过点击卖家的旺旺图标从而调用本地的阿里旺旺程序,而且还可以传递当前浏览者需要咨询的商品.这是怎么实现的呢?是通过URLProtocol来完成. 原理还没有太清楚,即在系统里注册一 ...

  8. 使用LogMaster4Net实现应用程序日志的集中管理

    日志在软件系统中的重要性我在此也不赘述了,几乎所有程序员每天都会更日志打交道. 那么你是否曾今为这样的一些事情而困扰过: - 远程登录到不同的服务器,找到应用程序目然后查看应用日志: - 来回切换于不 ...

  9. 在.NET Core控制台程序中使用依赖注入

    之前都是在ASP.NET Core中使用依赖注入(Dependency Injection),昨天遇到一个场景需要在.NET Core控制台程序中使用依赖注入,由于对.NET Core中的依赖注入机制 ...

  10. Team Leader 你不再只是编码, 来炖一锅石头汤吧

    h3{ color: #000; padding: 5px; margin-bottom: 10px; font-weight: bolder; background-color: #ccc; } h ...