一)js修改onclick动作的四种方式
第一种: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
摘自:
http://wenku.baidu.com/view/37fe26d776eeaeaad1f3300d.html
二)JS动态设置标签的onclick属性
使用JS动态设置标签的onclick属性对应方法,不能直接使用=“方法名” 的方式
如: document.getElementById("id").onclick =“methodName();”//错误
正确应使用=funciton(){methodsName}
document.getElementById("id").onclick = function() {//正确
submitHobby();
}
摘自:
http://hi.baidu.com/meteortent/blog/item/13377efbfa7df510a9d3116c.html
补充,设置传参的onclick函数,可以用jquery的click方法,如下:
$(qtyObj).next().next().click(function(){
auVillusUsed(id0,id1,id2);
});
$(qtyObj).next().next().click(function(e){
var obj=e.target;
//再通过e.target去获取需要的变量参数。
});
分享到:
相关推荐
this指触发事件的对象,接下来为大家分享下javascript中onclick(this)的用法,感兴趣的朋友可以参考下哈,希望对你有所帮助
用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div
本篇文章就给大家分享关于JavaScript中onclick事件的用法。 我们首先来看一下onclick事件的语法 以下是如何使用onclick事件编写。 使用document.getElementById()在文档中指定id元素,并使用function(){}处理单击...
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法。分享给大家供大家参考。具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!DOCTYPE html> <html> <head>...
主要介绍了IE8的JavaScript点击事件(onclick)不兼容的解决方法,大家参考使用吧
javascript onclick事件改变选中行的颜色,方法简单,大家参考使用吧
网页制作必备(最常用javascript onclick语句40条)
主要介绍了莱鸟介绍javascript onclick事件的相关资料,需要的朋友可以参考下
javascript option onclick事件ie解决方案 兼容ie,firefox
select id=”city” onchange=”[removed]test();”></select>中获取[removed]test();。 小菜想通过事件中的信息,确定下一级的菜单,但是这个貌似很简单的问题,却让小菜纠结了一番。...
onclick-javascript
javascript 动态改变onclick事件触发函数代码,需要的朋友可以参考下。
用javascript改变onclick调用的函数 用JavaScript加密保护网站页面 用Javascript检测网速的方法 用Javascript评估用户输入密码的强度 用JavaScript实现仿Windows关机效果 用JavaScript实现仿Windows关机效果
定义无参数的JavaScript函数,onClick单击事件调用JavaScript函数
本文实例讲述了JavaScript中click和onclick本质区别与用法。分享给大家供大家参考,具体如下: 原生javascript的click在w3c里边的阐述是DOM button对象,也是html DOM click() 方法,可模拟在按钮上的一次鼠标单击。...
JavaScript脚本中常用事件,例如:onClick事件(鼠标单击事件是最常见的事件之一,当用户单击鼠标按钮时。同时onClick指定的事件处理程序或代码将被调用执行),onChange事件就是当文本框的内容改变时发生的事件,...