Javascript初学者实例教程(2):event对象和事件

viqgogpl

viqgogpl

2016-02-20 00:46

下面这个Javascript初学者实例教程(2):event对象和事件教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

上一篇介绍了Javascript初学者实例教程(1):简单交互

实例二、

     本实例主要介绍了event对象和事件的简单应用。

(本文来源于图老师网站,更多请访问http://m.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

效果演示:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

展开更多 50%)
分享

猜你喜欢

Javascript初学者实例教程(2):event对象和事件

Web开发
Javascript初学者实例教程(2):event对象和事件

Javascript初学者实例教程(5):Document对象

Web开发
Javascript初学者实例教程(5):Document对象

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Javascript初学者实例教程(4):对象和构造方法

Web开发
Javascript初学者实例教程(4):对象和构造方法

Javascript初学者实例教程(3):数组和slice()方法

Web开发
Javascript初学者实例教程(3):数组和slice()方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Javascript初学者实例教程(11):鼠标动作

Web开发
Javascript初学者实例教程(11):鼠标动作

Javascript初学者实例教程(12):访问XML节点

Web开发
Javascript初学者实例教程(12):访问XML节点

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

ajax应该如何应用?

ajax应该如何应用?

学习JavaScript的事件

学习JavaScript的事件
下拉加载更多内容 ↓