动态添加js事件实现代码

首页 > 网络编程 > JavaScript > javascript技巧 更新日期: 2016-01-04
动态添加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);

> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • asp.net后台如何动态添加JS文件和css文件的引用
    动态添加JS文件和css文件的引用在asp.net后台如何实现呢?首先添加命名空间 using System.Web.UI.HtmlControls,之后按照下面的步骤操作即可首先添加命名空间 using System.Web.UI.HtmlControls; 代码动态添加css文件的引用 HtmlGenericControl myCss = new Htm ...
  • .NETWinFrom中给文本框添加拖放事件的代码
    有时候我们希望窗体上的文本框能接受鼠标拖放事件,比如允许将文件直接拖放到文本框中以直接获取到文件的本地路径在开发.NET WinForm程序时,有时候我们希望窗体上的文本框能接受鼠标拖放事件,比如允许将文件直接拖放到文本框中以直接获取到文件的本地路径,或者将选取的字符串直接拖放到文本框中等等.要实现这个功能其实很简单,代码如下. 1. 将文本框的属性Allo ...
  • 原生JS操作网页给p元素添加onclick事件及表格隔行变色
    原生JS操作网页给p元素添加onclick事件及表格隔行变色
    原生JS操作网页,给网页中的所有p元素添加onclick事件,使一个特定的表格隔行变色等等,感兴趣的朋友可以参考下1. 给网页中的所有p元素添加onclick事件: 代码如下: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" ...
  • ASP.NETjQuery实例8(动态添加内容到DropDownList)
    ASP.NETjQuery实例8(动态添加内容到DropDownList)
    在web应用里,我们经常需要通过其他控件的事件触发动态构造DropDownList数据内容.在这节中,我们将会看到如何实现通过选择第一个下来框的内容来动态构造第二个下拉框的内容首先准备好页面代码: 代码如下: <form runat="server"> <div align="left"> &l ...
  • js动态添加事件并可传参数示例代码
    js动态添加事件可以搜索到很多的相关文章,不过可以传参数的就没有几个了,下面有个不错的示例可以满足大家对传参的需求,感兴趣的各位不要错过 代码如下: var tt=function(obj) { return function() { alert(obj.tagName); //可以为外部定义的一个执行函数: } } function addfunction ...
猜你喜欢