<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对象的属性和方法可以大大增强用户交互的灵活性和效率。例如,可以在用户尝试提交表单前,通过检查event对象来验证输入字段是否符合特定的格式要求,或者在拖放操作中追踪鼠标的移动,...
Event对象在Web开发中扮演着至关重要...理解并熟练使用这些属性和方法,可以让你创建更加交互性和响应性的Web应用。通过监听和响应各种事件,开发者可以创建丰富的用户体验,包括动态更新、用户验证和自定义交互效果。
已包含完整的RT-Thread依赖,可直观体验RT-Thread的使用,代码方面主要未使用事件集Event如何解决线程间同步问题的完整示例demo。 工程方面已经集成了RT-Thread的源码,配合博文《RT-Thread 体验教程:5.事件集!RT-...
C#事件(event)使用方法详解 事件(event)是C#中的一种机制,允许对象在发生某些情况时通知其他对象。事件(event)使用方法详解将从概念、使用方法、事件编程的优点、事件与委托的关系、事件的实现等方面进行讲解。 ...
### 火狐下event的使用 在网页开发过程中,事件处理是不可或缺的一部分。不同的浏览器对事件模型的支持可能有所差异,这可能导致代码在不同浏览器下的表现不一致。本篇文章将重点探讨在火狐浏览器中如何正确地使用`...
在自动化测试中,结合使用`keybd_event` 和 `mouse_event`,并适当处理`PreTranslateMessage`,可以使测试脚本更准确地模拟用户交互,从而提高测试覆盖率和可靠性。 总之,`keybd_event` 和 `mouse_event` 提供了...
在这个DEMO中,我们将深入探讨如何使用C#和`eventLog`控件来写入事件查看器。 首先,我们需要了解`eventLog`控件的基本用法。在C#中,`eventLog`不是一个UI控件,而是一个可以用来读取和写入系统事件日志的类,位于...
在获取鼠标当前位置方面,IE浏览器使用`event.x`和`event.y`,而Firefox则使用`event.pageX`和`event.pageY`。为了确保兼容性,开发者通常会使用`event.clientX`和`event.clientY`,这两个属性在IE和Firefox中都可用...
### 使用kb_event函数模拟键盘操作 #### 概述 在编程领域中,有时我们需要通过程序来模拟键盘操作,以实现自动化任务或者测试某些特定的功能。本文将详细介绍如何使用`kb_event`函数(实际上是`keybd_event`)在VB...
另一方面,“使用说明- 谷歌浏览器.txt”文件则包含了在谷歌浏览器上安装和使用Visual Event的详细步骤。对于初次接触此插件的用户来说,这是一个非常有用的指南,可以帮助他们顺利开始使用这个工具。 总的来说,...
用Chrome插件Visual Event查看Dom绑定的事件 Visual Event简介 ...2、载入一个使用了浏览器所能支持的js库的网页 3、点击书签栏中的“Visual Event” 4、查看绑定在文档元素上的事件处理器
"专题教程第7期:终极调试工具EventRecorder使用方法,各种Link通吃.pdf"这个文档很可能提供了详细的Event Recorder使用教程,涵盖了如何配置、启用该工具,以及如何解读和分析收集到的事件数据。通过阅读此文档,...
标题"timeEvent_demo"暗示了一个基于Qt的小程序或示例,该示例展示了如何使用`timeEvent`来实现周期性的功能。这通常用于教学目的,以便学习者了解如何在实际项目中应用这一技术。 描述中提到,这是一个学习`time...
可以使用`event.srcElement.firstChild`或`event.srcElement.lastChild`来获取触发事件元素的第一个或最后一个子元素。此外,还可以使用`event.srcElement.children[i]`或`event.srcElement.childNodes[i]`来访问...
- **命令解析**:mod_event_socket使用`parse_command()`函数解析从socket读取的命令,包括`unload`、`reload`、`api`(阻塞模式)、`bapi`(非阻塞模式)、`event`、`myevents`、`divert_event`、`filter`、`...
通过上述代码实现,我们不仅学习了如何在C++中构建一个简单的事件机制,还掌握了如何使用现代C++特性,如`std::function`来简化代码编写。此外,这种方法还可以很容易扩展到更复杂的场景中,比如支持多种类型的事件...
然而,SSE并非所有浏览器都原生支持,为了解决这个问题,开发者通常会使用`event-source-polyfill`。本文将深入探讨`event-source-polyfill`的原理和使用方法。 首先,我们要理解什么是EventSource。EventSource是...
在JavaScript编程语言中,`window.event`对象是一个特殊对象,它与...尽管现代浏览器推荐使用`addEventListener`和事件处理函数参数来代替全局`window.event`,但在处理兼容性问题时,理解`window.event`仍然是必要的。