手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS动态给对象添加事件的简单方法
JS动态给对象添加事件的简单方法
摘要:WEB项目中,我们常常会碰到要动态对相应的对象添加事件,如下,有id="txtPrice"的文本框控件:现在我们为其动态添加一事件,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动态给对象添加事件的简单方法】相关文章:

动态加载jQuery的方法

JavaScript实现DIV层拖动及动态增加新层的方法

JS/Jquery判断对象为空的方法

Jquery注册事件实现方法

原生JS和JQuery动态添加、删除表格行的方法

JavaScript实现表格点击排序的方法

jQuery判断指定id的对象是否存在的方法

JavaScript对传统文档对象模型的支持

Javascript中prototype属性实现给内置对象添加新的方法

javascript用函数实现对象的方法

精品推荐
分类导航