HTML表格点击事件示例-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_15246/article/details/81645955

<script>
function showDetail(event) {   

    event=event||window.event;   

    var target=event.target||event.srcElement;

    alert(target.tagName);

    if ( String(target.tagName).toLowerCase()=='input' &&  target.value=="详细信息") {   
        alert(target.getAttribute('userid') );   
    }   
}  
</script>
<html>
<body>
 <table width="300" border="1"  onclick="showDetail(event)">    
 <tr>  
<td>1</td>  
<td>Tom</td>  
<td><input type="button" value="详细信息" userid="1" /></td>  
 </tr>  
 <tr>  
<td>2</td>  
<td>Kate</td>  
<td><input type="button" value="详细信息" userid="2"  /></td>  
 </tr>  
 <tr>  
<td>3</td>  
<td>John</td>  
<td><input type="button" value="详细信息"  userid="3" /></td>  
 </tr>  
 </table>  


  <table width="300" border="1"  onclick="showDetail(event)"> 
  <tr>
	<td>1</td>
	<td>Tom</td>
	<td><input type="button" value="详细信息" userid="1" /></td>
  </tr>
  <tr>
	<td>2</td>
	<td>Kate</td>
	<td><input type="button" value="详细信息" userid="2"  /></td>
  </tr>
  <tr>
	<td>3</td>
	<td>John</td>
	<td><input type="button" value="详细信息"  userid="3" /></td>
  </tr>
  </table>
</body>
</html>

event使用