下面这个Javascript初学者实例教程(2):event对象和事件教程由图老师小编精心推荐选出，过程简单易学超容易上手，喜欢就要赶紧get起来哦！
【 tulaoshi.com - Web开发 】
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
上一篇介绍了Javascript初学者实例教程(1):简单交互
实例二、
本实例主要介绍了event对象和事件的简单应用。
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
titlemouse/title
script language="javascript"
function catchEvent()
{
var eventSrcID = event.srcElement.id;
var eventtype = event.type;
alert(eventSrcID+"捕获到了"+eventtype+"事件");
}
function GetPosition()
{
var posX = event.clientX;
var posY = event.clientY;
window.status = "鼠标的位置是("+posX+","+posY+")";
}
function GetKey()
{
textfield.value=event.keyCode+","+String.fromCharCode(event.keyCode);
}
/script
/head
body onMouseMove="GetPosition();"
鼠标在文本框中按下:input type="text" name="textfield" onMouseDown="alert('鼠标在文本框中按下')"br/
键盘按下:input type="text" name="textfield" onKeyDown="alert('键盘按下');"br/
event对象:br/
input type="text" name="textfield" id="text" onClick="catchEvent();"br/
input type="submit" name="Submit" value="提交" id="button" onClick="catchEvent();"br/
/body
/html
效果演示：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
来源:https://www.tulaoshi.com/n/20160220/1632500.html
看过《Javascript初学者实例教程(2):event对象和事件》的人还看了以下文章 更多>>
