当前位置：首页 > 编程笔记 >

JS动态给对象添加事件的简单方法

璩涛

2023-03-14

本文向大家介绍JS动态给对象添加事件的简单方法，包括了JS动态给对象添加事件的简单方法的使用技巧和注意事项，需要的朋友参考一下

WEB项目中，我们常常会碰到要动态对相应的对象添加事件，如下，有id="txtPrice"的文本框控件：

 <div>
  <input type="text" id="txtPrice" name = "txtPrice" value = "0"/>
 <div>

现在我们为其动态添加一事件，JS核心代码如下：

document.getElementById("txtPrice").attachEvent('onblur', function (){alert('添加事件成功！')});

【补充】

有时候为了实现不同浏览器之前的兼容，我们会这样写：

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1 if(window.attachEvent)
{
  document.getElementById("txtPrice").attachEvent('onblur', function (){alert('添加事件成功！')});      
}
else
{  
  document.getElementById("txtPrice").addEventListener('onblur', function (){alert('添加事件成功！')}，false);
}

以上这篇JS动态给对象添加事件的简单方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。

类似资料：

JS实现给对象动态添加属性的方法

本文向大家介绍JS实现给对象动态添加属性的方法，包括了JS实现给对象动态添加属性的方法的使用技巧和注意事项，需要的朋友参考一下本文实例讲述了JS实现给对象动态添加属性的方法。分享给大家供大家参考，具体如下：在工作用要用到给jd对象动态添加属性的要求，在网上找到了一种解决方式，实例如下： 1、demo 这种方式试过确实可以 2、项目中使用遍历input获取值，js对象动态添加属性和属性值。更
JS脚本实现动态给标签控件添加事件的方法

本文向大家介绍JS脚本实现动态给标签控件添加事件的方法，包括了JS脚本实现动态给标签控件添加事件的方法的使用技巧和注意事项，需要的朋友参考一下本文实例讲述了JS脚本实现动态给标签控件添加事件的方法。分享给大家供大家参考，具体如下： PS：代码排版貌似不太尽如人意，这里小编给大家推荐几款代码格式化工具，相信在以后的编程开发中能够用得到： C语言风格/HTML/CSS/json代码格式化美化工具：
jQuery给动态添加的元素绑定事件的方法

本文向大家介绍jQuery给动态添加的元素绑定事件的方法，包括了jQuery给动态添加的元素绑定事件的方法的使用技巧和注意事项，需要的朋友参考一下本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下： jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用l
javascript 动态脚本添加的简单方法

本文向大家介绍javascript 动态脚本添加的简单方法，包括了javascript 动态脚本添加的简单方法的使用技巧和注意事项，需要的朋友参考一下异步加载js文件或者异步加载js模块，支持所有浏览器，包括IE，参考至javascript高级编程 1.createScript方法用于创建一个script标签并添加到body标签中 2.createModule方法用于创建一个script脚本的标
JS实现动态给图片添加边框的方法

本文向大家介绍JS实现动态给图片添加边框的方法，包括了JS实现动态给图片添加边框的方法的使用技巧和注意事项，需要的朋友参考一下本文实例讲述了JS实现动态给图片添加边框的方法。分享给大家供大家参考。具体如下：下面的JS代码设置图片的边框为2个像素，即border=2 希望本文所述对大家的javascript程序设计有所帮助。
动态添加对象的属性

问题内容：嗨：在我们的应用程序中，我们已经从数据库中检索了一些数据，例如，表中包含以下字段：id，名称，年龄，地址，电子邮件。然后，我们将根据客户提供一些这些属性。如果客户需要ID，名称，我们将获得ID名称；如果客户需要ID，名称，年龄，则将获得ID，名称，年龄。现在，我们想创建一个包装这些属性的类。但是，我们不知道确切要求哪个字段。我可以在这里用Class替换地图吗？问题答案：如果

相关阅读

JS实现动态给图片添加边框的方法动态添加对象的属性 JS给Array添加是否包含字符串的简单方法 JavaScript动态添加事件之事件委托 Angularjs 动态添加指令并绑定事件的方法

相关文章

.NET Core添加对库的引用 React 表单与事件 2.6.4 DrawerLayout(官方侧滑菜单)的简单使用 WebSocket事件和动作简单好用的Python脚本：一键自动整理文件

相关问答

javascript - js中怎么用最简单的方法找到对象数组中的对应值？动态创建对象并将其添加到列表JavaFX 如何将对象添加到方法中的arraylist 如何将事件侦听器（click）添加到画布对象？fasterxml注释的动态添加？

相关工具

简单的加入购物车动画动态下拉菜单 webview 加载css js 文件简易记事本简单UITableViewDemo

相关文档

你不懂JS: this 与对象原型 Markdown 简单的世界上云如此简单简单粗暴 TensorFlow 2 Ember.js 简单入门教程