js动态添加事件并可传参数示例代码
var tt=function(obj)
{
return function()
{
alert(obj.tagName); //可以为外部定义的一个执行函数;
}
}
function addfunction()
{
var bigobj=document.getElementById("mytable");
var rows =bigobj.rows;
for(var j=0; j<rows.length; j++)
{
for(var i=0;i<rows[j].cells.length;i++)
{
rows[j].cells[i].attachEvent("onmousemove",tt(rows[j].cells[i]));
//rows[j].cells[i].onmousemove = function(){
// tt();
//}
}
}
}
function addEvent (o,c,h){
if(o.attachEvent){
o.attachEvent('on'+c,h);
}else{
o.addEventListener(c,h,false);
}
return true;}
var tt=function(obj)
{
return function(){textChange(obj);}
}
addEvent(input1,"change",tt(input1));
function textChange(o)
{
//do something
}
用Jquery的话,一句话搞定
$("input[type='text']").change( function() {
// 这里可以写些验证代码
});
相关推荐
-
老生常谈js动态添加事件--- 事件委托
其所谓的动态添加事件实质就是指js中的事件委托. 我们知道在js中,事件处理只能绑定在当前被选中的元素上,换句话也就是说,事件处理只能绑定在当前文档已经存在的元素上!但是,往往小伙伴们都会遇到一个问题就是,我的元素是后来动态添加到页面的,而我又想给该元素绑定事件,怎么处理? 为了说明白这一问题,我们假设需要给后来添加到当前页面的元素添加click事件. 解决这一问题的核心就是利用js的委托事件.委派事件的优势就是可以给未存在的元素绑定事件,而且委派事件往往开销也会更小! 题外话:举一个最简单的例
-
JS动态给对象添加事件的简单方法
WEB项目中,我们常常会碰到要动态对相应的对象添加事件,如下,有id="txtPrice"的文本框控件: <div> <input type="text" id="txtPrice" name = "txtPrice" value = "0"/> <div> 现在我们为其动态添加一事件,JS核心代码如下: document.getElementById("txt
-
javascript 动态添加事件代码
方法一.setAttribute var obj = document.getElementById("obj"); obj.setAttribute("onclick", "javascript:alert('测试');"); 这里利用 setAttribute 指定 onclick 属性,简单,很好理解, 但是:IE 不支持,IE 并不是不支持 setAttribute 这个函数,而是不支持用 setAttribute 设置某些属性,包括对象
-
JavaScript动态添加事件之事件委托
先给大家讲下什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件. 也就是:利用冒泡的原理,把事件加到父级上,触发执行效果. 其所谓的动态添加事件实质就是指js中的事件委托. 我们知道在js中,事件处理只能绑定在当前被选中的元素上,换句话也就是说,事件处理只能绑定在当前文档已经存在的元素上!但是,往往小伙伴们都会遇到一个问题就是,我的元素是后来动态
-
JS中动态添加事件(绑定事件)的代码
两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况: 复制代码 代码如下: var t = document.getElementById("tab1"); t.onclick = function tst(){ alert(''); } 第二种情况 复制代码 代码如下: var tb = document.getElementById("tab1"); if(window.addEventListener){
-
JS实现动态给标签控件添加事件的方法示例
本文实例讲述了JS实现动态给标签控件添加事件的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <
-
多种方法实现JS动态添加事件
方法一.setAttribute var obj = document.getElementById("obj"); obj.setAttribute("onclick", "javascript:alert('测试');"); 但是IE不支持用 setAttribute 设置某些属性,包括对象属性.集合属性.事件属性,也就是说用 setAttribute 设置 style.onclick.onmouseover 这些属性在 IE 中是行不通的.
-
JavaScript使用addEventListener添加事件监听用法实例
本文实例讲述了JavaScript使用addEventListener添加事件监听用法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html lang="en"> <head> <title>This text is the title of the document</title> <script> function showalert(){ alert('you clicked
-
javascript下给元素添加事件的方法与代码
最简单的是这样: <input type="button" onclick="alert(this.value)" value="我是 button" /> 动态添加onclick事件: <input type="button" value="我是 button" id="bu"> <script type="text/javascript&quo
-
JS脚本实现动态给标签控件添加事件的方法
本文实例讲述了JS脚本实现动态给标签控件添加事件的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l
随机推荐
- 深入理解MongoDB分片的管理
- jquery实现限制textarea输入字数的方法
- Js制作点击输入框时默认文字消失的效果
- 在Windows主机上定时备份远程VPS(CentOS)数据的批处理
- Android中获取状态栏高度的两种方法分享
- Java使用JDBC驱动连接MySQL数据库
- laravel通过创建自定义artisan make命令来新建类文件详解
- PHP的Laravel框架中使用消息队列queue及异步队列的方法
- python实现红包裂变算法
- jsp源码实例5(cookie)
- C#实现移除字符串末尾指定字符的方法
- 在C语言中调用C++做的动态链接库
- JS 在指定数组中随机取出N个不重复的数据
- 微信小程序 icon组件详细及实例代码
- win2008 r2 web服务器IIS的安装与基本设置
- Java this 关键字的使用方法详解
- Android之软键盘自动弹出和关闭【代码分享】
- Android 中读取SD卡文件时抛出NullPointerException错误解决办法
- jquery根据name取得select选中的值实例(超简单)
- ThinkPHP整合datatables实现服务端分页的示例代码