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

时间：2023-03-09 13:09:09
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>

相关文章