js修改onclick动作的四种方式
2009-09-06 08:38
399 查看
第一种:button.onclick = Function("alert('hello');");
第二种:button.onclick = function(){alert("hello"); };
第三种:button.onclick = myAlert;
function myAlert(){
alert("hello");
}
第四种:
这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
if(window.addEventListener){ // Mozilla, Netscape, Firefox
//element.addEventListener(type,listener,useCapture);
button.addEventListener('click', alert('11'), false);
button.addEventListener('click', alert('12'), false);//执行顺序11 -> 12
} else { // IE
button.attachEvent('onclick', function(){alert('21');});
button.attachEvent('onclick', function(){alert('22');});执行顺序22 -> 21
}
实例讲解:
button.onclick = Function
("alert('31');");
button.onclick = Function
("alert('32');");
button.onclick = Function
("alert('33');"); //如果这样写,那么将会只有最后一个方法被执行
button.attachEvent("onclick", function(){alert('41');});
button.attachEvent("onclick", function(){alert('42');});
button.attachEvent("onclick", function(){alert('43');}); //如果这样写,三个方法都会被执行
//
当然,你也可以这样写
button.onclick = Function("alert('51');");
button.attachEvent("onclick", function(){alert('52');});
//对应移除事件
detachEvent('onclick'
,func);//ie下使用删除事件func
removeEventListener('click'
,func);//Mozilla下,删除事件func
第二种:button.onclick = function(){alert("hello"); };
第三种:button.onclick = myAlert;
function myAlert(){
alert("hello");
}
第四种:
这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
if(window.addEventListener){ // Mozilla, Netscape, Firefox
//element.addEventListener(type,listener,useCapture);
button.addEventListener('click', alert('11'), false);
button.addEventListener('click', alert('12'), false);//执行顺序11 -> 12
} else { // IE
button.attachEvent('onclick', function(){alert('21');});
button.attachEvent('onclick', function(){alert('22');});执行顺序22 -> 21
}
实例讲解:
button.onclick = Function
("alert('31');");
button.onclick = Function
("alert('32');");
button.onclick = Function
("alert('33');"); //如果这样写,那么将会只有最后一个方法被执行
button.attachEvent("onclick", function(){alert('41');});
button.attachEvent("onclick", function(){alert('42');});
button.attachEvent("onclick", function(){alert('43');}); //如果这样写,三个方法都会被执行
//
当然,你也可以这样写
button.onclick = Function("alert('51');");
button.attachEvent("onclick", function(){alert('52');});
//对应移除事件
detachEvent('onclick'
,func);//ie下使用删除事件func
removeEventListener('click'
,func);//Mozilla下,删除事件func
相关文章推荐
- 【转】js修改onclick动作的四种方式
- js修改onclick动作的四种方式
- js修改onclick动作的四种方法(推荐)
- js修改onclick事件的四种方法
- JS 中 onclick 事件四种传参方式
- HIVE的安装配置、mysql的安装、hive创建表、创建分区、修改表等内容、hive beeline使用、HIVE的四种数据导入方式、使用Java代码执行hive的sql命令
- 6- js 函数的四种调用方式
- JS中检测数据类型的四种方式及每个方式的优缺点
- js 复制文本的四种方式
- Maven 菜鸟教程 6 修改js不用重启的方式
- 【温故知新】——原生js中常用的四种循环方式
- tween.js是一款可生成平滑动画效果的js动画库。tween.js允许你以平滑的方式修改元素的属性值。它可以通过设置生成各种类似CSS3的动画效果。
- JS生成按钮以及onclick动作
- JS文件默认编码方式及修改
- 修改ORACLE-NLS_DATE_FORMAT时间格式的四种方式
- js----自定义对象的四种创建方式
- Sublime Text2 Jsformat自定义使用之代码折叠方式修改
- Button 点击事件onclick实现的四种方式
- 第21篇 js四种继承方式