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


Posted in Javascript onJuly 19, 2016

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动态给对象添加事件的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery tools 系列 scrollable(2)
Sep 06 Javascript
菜鸟javascript基础资料整理2
Dec 06 Javascript
基于jQuery的动态表格插件
Mar 28 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
如何在node的express中使用socket.io
Dec 15 Javascript
浅谈JavaScript function函数种类
Dec 29 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
javascript生成大小写字母
Jul 03 Javascript
jQuery中slidedown与slideup方法用法示例
Sep 16 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
JS实现的按钮点击颜色切换功能示例
Oct 19 Javascript
原生js实现瀑布流效果
Mar 09 Javascript
老生常谈js动态添加事件--- 事件委托
Jul 19 #Javascript
Bootstrap表单布局
Jul 19 #Javascript
一次$.getJSON不执行的简单记录
Jul 19 #Javascript
深入浅析javascript中的作用域(推荐)
Jul 19 #Javascript
javascript弹出带文字信息的提示框效果
Jul 19 #Javascript
总结在前端排序中遇到的问题
Jul 19 #Javascript
ECMAScript6快速入手攻略
Jul 18 #Javascript
You might like
杏林同学录(一)
2006/10/09 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
javascript 一些用法小结
2009/09/11 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
2012/02/27 Javascript
js获取网页高度(详细整理)
2012/12/28 Javascript
JavaScript实现找出数组中最长的连续数字序列
2014/09/03 Javascript
AngularJS中取消对HTML片段转义的方法例子
2015/01/04 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
js实现1,2,3,5数字按照概率生成
2017/09/12 Javascript
jQuery基于cookie实现换肤功能实例
2017/10/14 jQuery
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
2019/05/08 Javascript
JavaScript从原型到原型链深入理解
2019/06/03 Javascript
vue watch监控对象的简单方法示例
2021/01/07 Vue.js
[01:32]DOTA2 2015国际邀请赛中国区预选赛第四日战报
2015/05/29 DOTA
用Python输出一个杨辉三角的例子
2014/06/13 Python
python修改list中所有元素类型的三种方法
2018/04/09 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
基于django micro搭建网站实现加水印功能
2020/05/22 Python
python如何调用java类
2020/07/05 Python
零基础学python应该从哪里入手
2020/08/11 Python
Opencv常见图像格式Data Type及代码实例
2020/11/02 Python
CPB肌肤之钥美国官网:Clé de Peau Beauté
2017/09/05 全球购物
白俄罗斯大卖场:21vek.by
2019/07/25 全球购物
应届生如何写自荐信
2014/01/05 职场文书
校三好学生主要事迹
2014/01/11 职场文书
公司贷款承诺书
2014/05/30 职场文书
物流管理专业推荐信
2014/09/06 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书
微信小程序结合ThinkPHP5授权登陆后获取手机号
2021/11/23 PHP
PyTorch device与cuda.device用法
2022/04/03 Python