当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 动态添加js事件实现代码

Javascript
HTML TO JavaScript 转换
JavaScript TO HTML 转换
VBScript版代码高亮
JavaScript版代码高亮
JS、HTML代码运行工具
特殊字符、常规符号及其代码对照表
根据分辨率不同,调用不同的css文件
javascript操作表格
给网页加个彩色窗口
怎么用javascript进行拖拽2
DIV任意拖动的问题
javascript的函数
日历-指定日期的新闻
javascript小技巧 超强推荐
网页中移动的广告效果 鼠标悬停
必须点击广告才能进入的代码
onmousewheel event 缩放图片效果
[原创]比较方便的onMouseWheel缩放图片效果
关联的Select,可以支持客户端动态更新
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本

Javascript 中的 动态添加js事件实现代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 423 ::
收藏到网摘: 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);