首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

javascript获取事件源对象跟产生事件的对象

2012-11-22 
javascript获取事件源对象和产生事件的对象事件源对象是指event对象,其封装了与事件相关的详细信息,比如按

javascript获取事件源对象和产生事件的对象

事件源对象是指event对象,其封装了与事件相关的详细信息,比如按键状态。

获取事件源对象的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>如何获取事件触发源(兼容IE和FireFox)</title><meta name="generator" content="editplus" /><meta name="author" content="" /><meta name="keywords" content="" /><meta name="description" content="" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" >function ClickMe(e){var src = e.target || window.event.srcElement;//e就是事件源对象,src是触发源对象,e.target是firefox的方法,window.event.srcElement是IE的方法alert(src.value);}function ClickMe2(){var e = arguments[0] || window.event;//e就是事件源对象,src是arguments[0]是Firefox的方法,window.event是IE的方法var src = e.srcElement || e.target; // src 就是事件的触发源alert(src.value);}</script></head><body><input type="button" onclick="ClickMe(event)" value="测试" ><input type="button" onclick="ClickMe2(event)" value="测试2" ></body></html> 

? 获取事件触发对象的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/javascript" >function test(target){alert(target.value);        //target就是触发事件的对象}</script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>获取事件对象</title></head><body><input type="button" onclick="test(this)" value="测试" /></body></html>

热点排行