动态添加js事件实现代码_javascript技巧

//表单对象
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);

时间: 2024-08-03 05:46:03

动态添加js事件实现代码_javascript技巧的相关文章

给ListBox添加双击事件示例代码_javascript技巧

复制代码 代码如下: <!--创建一个JS调用button的click事件--> <script type="text/javascript"> function JsListChangeItem() { document.getElementById("buttonShow").click(); } </script> <!--创建一个隐藏的button,创建双击事件---> <asp:Button ID=&q

js动态设置鼠标事件示例代码_javascript技巧

复制代码 代码如下: obj.onmouseover=function (){ $("#vote").html("赞过了"); } obj.onmouseout=function (){ $("#ssvote").html("赞(" + vote_num+")"); }

易被忽视的js事件问题总结_javascript技巧

一.跨平台事件 什么叫跨平台事件?即在不同的浏览器上执行同一事件,所使用的方法不同. 什么是EventUtil对象?有什么作用?即将所有与事件相关的函数,融合在一起的一个容器,方便管理事件对象,它没有属性.主要处理DOM事件和IE事件的磨合,使其尽可能的相似. 下面我们来看一下DOM和IE之间的对象属性和方法做个对比(这里只指出两者之间不同的属性和方法),主要有以下五大点:DOM属性和方法   IE属性和方法 charcode               keycode preventDefau

js enter键激发事件实例代码_javascript技巧

如下所示: document.onkeydown = function (e) { if (!e) e = window.event; if ((e.keyCode || e.which) == 13) { $("#btnSubmit").click(); } } 以上这篇js enter键激发事件实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角

js添加绑定事件的方法_javascript技巧

先介绍js添加事件通用方法,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="p1">测试添加事件:firefox使用addEventListener,ie使用attachEvent<br> 点击此p标签

原生js实现class的添加和删除简单代码_javascript技巧

实例代码: function hasClass( elements,cName ){ return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); }; function addClass( elements,cName ){ if( !hasClass( elements,cName ) ){ elements.className += " "

Js实现动态添加删除Table行示例_javascript技巧

最近做项目遇到要动态添加.删除表格行的操作,实现如下 html代码 复制代码 代码如下: <table cellpadding="0" cellspacing="0" border="1" style="margin:auto; width:96%;" id="LearnInfoItem"> <tr > <td colspan="8" bgcolor=&qu

js和jquery实现监听键盘事件示例代码_javascript技巧

项目中要监听键盘组合键CTRL+C,以便做出对应的响应.查了一些方法但是其兼容性和稳定性不是很高,最终得到如下方法,经测试在Firfox.Chrome.IE中均可以使用.一.使用javascript实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function keyListener(ev

Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码_javascript技巧

在调试功能模块时候,发现怎么用什么方法都无法在infowindow里面添加的div进行绑定事件处理.郁闷啊!上网搜了好多方法也没用, 后来想想还是查了一下官方的API,发现了google.maps.InfoWindow下面的Events里面有个domready事件 官方解释: This event is fired when the containing the InfoWindow's content is attached to the DOM. You may wish to monito