`
lenozhi
  • 浏览: 52296 次
社区版块
存档分类
最新评论

event使用

    博客分类:
  • js
阅读更多
<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>
分享到:
评论

相关推荐

    JS event使用方法详解

    在实际开发中,熟练使用event对象的属性和方法可以大大增强用户交互的灵活性和效率。例如,可以在用户尝试提交表单前,通过检查event对象来验证输入字段是否符合特定的格式要求,或者在拖放操作中追踪鼠标的移动,...

    Event 对象的使用方法

    Event对象在Web开发中扮演着至关重要...理解并熟练使用这些属性和方法,可以让你创建更加交互性和响应性的Web应用。通过监听和响应各种事件,开发者可以创建丰富的用户体验,包括动态更新、用户验证和自定义交互效果。

    Windows下开箱后即时编译体验RT-Thread 的MDK demo工程,包含RT-Thread的事件集Event使用示例

    已包含完整的RT-Thread依赖,可直观体验RT-Thread的使用,代码方面主要未使用事件集Event如何解决线程间同步问题的完整示例demo。 工程方面已经集成了RT-Thread的源码,配合博文《RT-Thread 体验教程:5.事件集!RT-...

    C#事件(event)使用方法详解

    C#事件(event)使用方法详解 事件(event)是C#中的一种机制,允许对象在发生某些情况时通知其他对象。事件(event)使用方法详解将从概念、使用方法、事件编程的优点、事件与委托的关系、事件的实现等方面进行讲解。 ...

    火狐下event的使用

    ### 火狐下event的使用 在网页开发过程中,事件处理是不可或缺的一部分。不同的浏览器对事件模型的支持可能有所差异,这可能导致代码在不同浏览器下的表现不一致。本篇文章将重点探讨在火狐浏览器中如何正确地使用`...

    keybd_event,mouse_event 模拟产生键盘事件、鼠标事件的使用

    在自动化测试中,结合使用`keybd_event` 和 `mouse_event`,并适当处理`PreTranslateMessage`,可以使测试脚本更准确地模拟用户交互,从而提高测试覆盖率和可靠性。 总之,`keybd_event` 和 `mouse_event` 提供了...

    C#写入事件查看器、eventLog控件使用DEMO

    在这个DEMO中,我们将深入探讨如何使用C#和`eventLog`控件来写入事件查看器。 首先,我们需要了解`eventLog`控件的基本用法。在C#中,`eventLog`不是一个UI控件,而是一个可以用来读取和写入系统事件日志的类,位于...

    ie与firefox下的event使用说明与详细区别

    在获取鼠标当前位置方面,IE浏览器使用`event.x`和`event.y`,而Firefox则使用`event.pageX`和`event.pageY`。为了确保兼容性,开发者通常会使用`event.clientX`和`event.clientY`,这两个属性在IE和Firefox中都可用...

    使用 kb_event 函数模拟键盘操作...

    ### 使用kb_event函数模拟键盘操作 #### 概述 在编程领域中,有时我们需要通过程序来模拟键盘操作,以实现自动化任务或者测试某些特定的功能。本文将详细介绍如何使用`kb_event`函数(实际上是`keybd_event`)在VB...

    visualevent.zip

    另一方面,“使用说明- 谷歌浏览器.txt”文件则包含了在谷歌浏览器上安装和使用Visual Event的详细步骤。对于初次接触此插件的用户来说,这是一个非常有用的指南,可以帮助他们顺利开始使用这个工具。 总的来说,...

    Visual Event.rar

    用Chrome插件Visual Event查看Dom绑定的事件 Visual Event简介 ...2、载入一个使用了浏览器所能支持的js库的网页 3、点击书签栏中的“Visual Event” 4、查看绑定在文档元素上的事件处理器

    V4-终极调试工具Event Recorder

    "专题教程第7期:终极调试工具EventRecorder使用方法,各种Link通吃.pdf"这个文档很可能提供了详细的Event Recorder使用教程,涵盖了如何配置、启用该工具,以及如何解读和分析收集到的事件数据。通过阅读此文档,...

    timeEvent_demo

    标题"timeEvent_demo"暗示了一个基于Qt的小程序或示例,该示例展示了如何使用`timeEvent`来实现周期性的功能。这通常用于教学目的,以便学习者了解如何在实际项目中应用这一技术。 描述中提到,这是一个学习`time...

    event和srcElement说明,方法,技巧

    可以使用`event.srcElement.firstChild`或`event.srcElement.lastChild`来获取触发事件元素的第一个或最后一个子元素。此外,还可以使用`event.srcElement.children[i]`或`event.srcElement.childNodes[i]`来访问...

    C++Event机制的简单实现

    通过上述代码实现,我们不仅学习了如何在C++中构建一个简单的事件机制,还掌握了如何使用现代C++特性,如`std::function`来简化代码编写。此外,这种方法还可以很容易扩展到更复杂的场景中,比如支持多种类型的事件...

    前端项目-event-source-polyfill.zip

    然而,SSE并非所有浏览器都原生支持,为了解决这个问题,开发者通常会使用`event-source-polyfill`。本文将深入探讨`event-source-polyfill`的原理和使用方法。 首先,我们要理解什么是EventSource。EventSource是...

    window.event 对象详解

    在JavaScript编程语言中,`window.event`对象是一个特殊对象,它与...尽管现代浏览器推荐使用`addEventListener`和事件处理函数参数来代替全局`window.event`,但在处理兼容性问题时,理解`window.event`仍然是必要的。

    Event-B.pdf

    3. **强大的验证工具**: 使用**Rodin Platform**等工具可以对Event-B模型进行自动化验证,确保模型的一致性和正确性。 4. **广泛的适用范围**: Event-B适用于多种类型的系统建模,包括但不限于顺序程序、并发程序和...

Global site tag (gtag.js) - Google Analytics