`
jackroomage
  • 浏览: 1222884 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

如何通过JS 给一个ID添加触发事件？

 
阅读更多

<!DOCTYPE html>
<html>
<head>

</head>
  <script>
  window.onload=fc;
   function fc(){
   var dss=document.getElementById("inputid2");
    dss.onblur=function(){
     alert(dss.id);
     }
    }
  </script>
<body>
<input type="text" id="inputid2">
</body>
</html>

 

 

 

 

网上别人总结的。

 

 

 

下面是jQuery的写法

 

 

<!DOCTYPE html>
<html>
<head>
  <style>p { color:red; }</style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script>
  $(document).ready(function () {
  $("input").blur(function(){
    alert(this.id);
  });
});
  </script>
</head>
<body>
  <input type="text" id="inputid">
</body>
</html>

分享到：
| jQuery 控制div隐藏,想隐藏那个div就隐 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js生成动态表格并为每个单元格添加单击事件的方法

    在JavaScript中，我们可以通过为元素的单击事件绑定一个事件处理函数来响应用户的点击行为。 ### JavaScript代码实现 在提供的代码片段中，使用了`getElementById`方法来获取页面上的表格元素，然后通过`document....

    Asp.net的TextBox回车触发事件

    3. **DataList 中 RadioButton 单选**：为了确保在DataList中的多个`RadioButton`中只能选择一个，可以通过在`Page_Load`事件中遍历每一项并为其添加事件处理程序来实现。 ```csharp protected void rbttruck_...

    我自己写的可以触发事件，载入其他页面的JS

    标题中的“我自己写的可以触发事件，载入其他页面的JS”指的是一个自定义的JavaScript功能，它可以监听并响应特定的事件，并在事件触发时动态加载外部网页内容。不同于jQuery的`load()`方法，这个功能可能提供了更为...

    利用eval()函数给树节点统一添加单击事件实现新建选项卡功能

    在这个例子中，`addClickEvents`函数接受一个树节点数组，然后为每个节点创建一个事件处理器函数的字符串，用`eval`执行这个字符串以创建函数。这个函数在被触发时会在控制台打印出点击的节点信息。如果节点有子节点...

    js条件下多次触发同一个css3动画的解决方案demo

    在JavaScript（JS）环境下，有时我们需要多次触发同一个CSS3动画，例如在用户交互或特定事件发生时。这个场景常见于动态界面设计，如按钮点击、鼠标悬停等效果。本教程将详细介绍如何在JS条件下实现这个功能，并提供...

    laydate时间控件及触发时间校验事件

    在HTML中创建一个元素作为日期选择器的触发点，然后通过JavaScript调用laydate的`laydate.render()`方法进行初始化配置。 ```html &lt;!DOCTYPE html&gt; &lt;input type="text" id="demo"&gt; &lt;script src="laydate....

    jq点击复选框触发事件给input赋值.zip

    "jq点击复选框触发事件给input赋值"这个主题聚焦于一个具体的案例：当用户点击复选框时，如何捕获该事件并根据选择更新相关的输入（input）元素的值。这通常用于收集和处理用户在表格中的选择数据。 首先，我们来...

    JS实现动态给图片添加边框的方法

    3. 添加交互操作：为了让用户能够触发边框的添加，本文通过一个按钮元素，绑定了一个点击事件处理函数，即addBorder函数。用户点击按钮后，即可通过该函数给图片动态地添加边框。 4. 事件处理函数编写：在...

    bootstrap TreeView全选单选，定位选触发事件实例

    Bootstrap TreeView是一款基于Bootstrap框架的可扩展的树形视图组件，它允许用户以...通过理解和应用以上知识点，你就能构建出一个功能完善的Bootstrap TreeView选择事件实例，满足用户在查看和操作层次数据时的需求。

    在各种条件下触发Enter事件.NET（C#）

    在这段代码中，我们定义了一个名为`EnterTextBox`的函数，该函数接收一个参数`button`，表示当按下Enter键时需要触发哪个按钮的点击事件。我们通过`event.keyCode === 13`来判断是否按下了Enter键，并且检查文本框中...

    下拉框值触发另一个下拉框

    当一个下拉框的值被选中后，我们可以利用JavaScript或jQuery来监听这个事件并响应。例如，我们可以使用`addEventListener`来监听`change`事件： ```javascript document.getElementById('dropdown1')....

    JS实现select选中option触发事件操作示例

    对于纯JavaScript的实现，我们可以创建一个`&lt;select&gt;`元素，并为它添加`onchange`事件监听器。当用户改变选中的`&lt;option&gt;`时，`gradeChange`函数会被调用。在该函数中，我们通过`getElementById`获取`&lt;select&gt;`元素...

    js动态添加事件.txt

    它也允许为一个DOM元素添加多个事件监听器，但不支持事件的捕获和冒泡阶段区分。 ##### 2. 示例代码分析 首先，我们来看一段示例代码： ```javascript var t = document.getElementById("tab1"); t.onclick = ...

    【JavaScript源代码】JavaScript给事件委托批量添加事件监听详细流程.docx

    当一个元素触发了一个事件（如点击事件），该事件会首先由最内层的元素接收，然后逐层向外传播至最外层的元素，直到被某个元素捕获并处理。这个过程形象地被称为“事件冒泡”。 #### 四、事件委托的具体实现 接...

    jQuery为动态生成的select元素添加事件的方法

    在这个例子中，为ID以`"sl_0"`开头的select元素绑定了一个`change`事件，当用户改变了选项时，会触发一个弹窗显示“你点击了下拉框”。 8. 总结：通过使用jQuery的事件委托技术，开发者可以有效地为动态生成的元素...

    asp.net中TextBox获得焦点和失去焦点——客户端JavaScript事件

    1. `focus`事件：当TextBox获得焦点，即用户开始在该文本框内输入时，会触发这个事件。我们可以利用这个事件来执行一些预处理操作，比如设置默认值、显示提示信息或者高亮文本框等。 ```javascript // JavaScript...

    通过js脚本实现动态添加HTML标签

    在这个例子中，当用户点击“添加段落”按钮时，会创建一个新的`&lt;p&gt;`元素并将其添加到ID为`container`的`&lt;div&gt;`元素内。 总之，JavaScript提供了一套强大的工具，使开发者能够动态地修改和扩展HTML页面。通过理解和...

    JS触发服务器控件的单击事件(详解)

    在ASP.NET中，JavaScript可以用来触发服务器控件的事件，特别是在需要进行客户端交互时，这种方法非常有用。本文将深入探讨如何使用JavaScript来触发服务器控件的单击事件，特别是按钮控件的Click事件。 首先，我们...

    JavaScript事件机制详细研究

    3. 使用 element.onXXX 方式：这种方式可以将 JS 与 HTML 完全分离，但需要给 HTML 元素提供一个额外的 id 属性。 4. 使用 addEventListener 或 attachEvent：这是目前推荐的方式，可以为元素添加多个事件 handler，...

    js 绑定带参数的事件以及手动触发事件

    通过示例代码，我们可以看到一个简单的选项卡切换效果，其中涉及到DOM操作、事件监听和事件触发。 首先，我们看HTML部分，这里有四个标题（`&lt;h2&gt;`）和对应的四个内容块（`&lt;dd&gt;`）。每个标题都有一个鼠标悬停（`...

Magicbox
Global site tag (gtag.js) - Google Analytics