<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<table>
<tr>
<td>test1</td> <td>test2</td> <td>test3</td> <td>test4</td>
</tr>
<tr>
<td>test11</td> <td>test12</td> <td>test13</td> <td>test14</td>
</tr>
</table>
<script>
$("td").click(function(event) {
var $target = $(event.target);
alert($target.text());
});
</script>
</body>
</html>
IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,
即:
firefox 下的 event.target = IE 下的 event.srcElement
解决方法:
使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.