繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 动态添加js事件实现代码
- Javascript
- ext读取两种结构的xml的代码
- javascript css float属性的特殊写法
- JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动
- jQuery实例入门(表格隔行变色)
- js实例入门(简单展开或关闭)
- Ext面向对象开发实践代码
- 仿迅雷焦点广告效果(JQuery版)
- JQuery学习笔记 实现图片翻转效果和TAB标签切换效果
- 传递参数的标准方法(jQuery.ajax)
- jquery $.ajax入门应用二
- $.ajax json数据传递方法
- JavaScript使用技巧精萃[代码非常实用]
- js textarea自动下拉(带计数)图
- javascript innerHTML、outerHTML、innerText、outerText的区别
- 输入文字自动变化宽度的INPUT,带计数（图）
- 一个仿Windows UI的html table，兼容IE和firefox
- JS多个矩形块选择效果代码(模拟CS结构)
- [原创]关键字空格替换为逗号的js代码
- JavaScript CSS创建右击菜单效果代码
- js调试工具 Javascript Debug Toolkit 2.0.0版本发布
Javascript 中的 动态添加js事件实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 372 ::
收藏到网摘: n/a
动态添加js事件，主要是不用具体指定位置的事件，这种动态添加事件的方法比较方便，并可以扩展等。 //表单对象
function GetObject(Name)
{
var inputlist=document.all.tags('input');
var i=0;
for(i=0;i<inputlist.length;i++)
{
var input=inputlist[i];
if(input.id.indexOf(Name) !=-1)
{
return input;
}
}
return null;
}
//设置对象事件
function setEvent(Object,EventName,EventFunction)
{
if(Object ==null)
return;
if(window.addEventListener)
{
//其它浏览器的事件代码: Mozilla, Netscape, Firefox
//添加的事件的顺序即执行顺序 //注意用 addEventListener 添加带on的事件，不用加on
Object.addEventListener(EventName.replace('on',''), EventFunction, false);
}
else
{
//IE 的事件代码 在原先事件上添加 add 方法
Object.attachEvent(EventName,EventFunction);
}
}
//失去焦点函数
function blur()
{
var size=lSize.value * 0.3;
pSize.value=ForDight(size,0);
}
//四舍五入函数
function ForDight(Dight,How)
{
var Dight = Math.round (Dight*Math.pow(10,How))/Math.pow(10,How);
return Dight;
}
//执行
var lSize=GetObject('STNumberTextBox1');
var pSize=GetObject('STNumberTextBox2');
setEvent(lSize,'onblur',blur);
评论 (0) All
