一)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去获取需要的变量参数。
});
分享到:
相关推荐
具体来看,这段代码中有一个HTML的输入框元素,其id属性为“myinput”,并且初始值设置为“javascript中onclick中的this”。当用户点击这个输入框时,会弹出三个警告框(alert),分别显示以下信息: 1. [object ...
IE8中的JavaScript点击事件(onclick)不兼容问题,是指在旧版浏览器Internet Explorer 8中,使用JavaScript设置的点击事件处理程序无法正常工作的情况。这种情况在使用JavaScript生成的页面元素如分页按钮时尤为常见...
用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法。分享给大家供大家参考。具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!DOCTYPE html> <html> <head>...
网页制作过程中,JavaScript 的 onclick 事件处理程序是实现用户交互的关键技术之一。下面将详细介绍给定文件中提及的40条最常用的 JavaScript onclick 语句,帮助网页开发者更好地理解和运用这些代码片段。 ### 1....
JavaScript是目前广泛使用的一种网页脚本语言,它的核心能力之一就是操作用户的交互行为,如点击(click)、悬停(hover)等,而onclick事件是其中最基础且常用的一种。它允许我们定义当用户点击某个元素时所要执行...
例如,假设我们有一个具有ID为`button`的按钮,我们可以这样设置`onclick`事件: ```javascript document.getElementById("button").onclick = function() { // 单击#button时要执行的代码 }; ``` 接下来,我们将...
<a href="" onclick="javascript: return del();">删除 ``` 在实际开发中,有时候需要更灵活的处理。比如,当删除操作关联到某个链接或按钮时,我们可以直接在该元素的`onclick`事件处理器中调用`del()`函数,并...
在使用上述代码时,还需要确保option元素支持onclick属性的赋值,这通常意味着需要为每个option元素单独设置onclick属性或在JavaScript中动态绑定。以下是在HTML中直接为option元素设置onclick事件的示例: ```html...
这种方式常见于`<a>`、`<input>`等标签中,通过事件属性如`onclick`、`onmousedown`等来触发JavaScript函数。 **示例1:** ```html <a href="javascript:document.write('Hello World!')">Click ``` - **解释:** ...
如果 `div` 正处于隐藏状态(`display: none`),则将其设置为显示(`display: block`);反之,则隐藏 `div`。 标签 "源码" 指出这是一个与实际代码相关的主题,而 "工具" 暗示可能涉及到开发者工具或浏览器的...
例如,我们可以为表格的每一行的`<tr>`元素设置`onclick`事件,像这样: ```html <tr onclick="changeActiveRow(this)"> ``` 这里的`changeActiveRow(this)`是一个JavaScript函数调用,`this`关键字在事件处理函数...
在 HTML 中调用 JavaScript 函数而不使用 onclick 是前端开发中的一种高级技巧,它可以提供更灵活的事件处理方式,使得代码更加整洁和易于维护。本文主要介绍了如何通过其他方法调用 JavaScript 函数,尤其是在不...
这个例子中,我们通过`document.getElementById`获取到ID为"myButton"的按钮元素,然后为其设置`onclick`事件处理器。 "onclick"不仅可以用于弹出警告框,还可以执行更复杂的操作,比如改变元素的样式、发送Ajax...
在JavaScript中进行网页打印设置是一项常见的任务,尤其在开发网页应用程序时,往往需要提供用户友好的打印功能。本文将深入探讨如何使用JavaScript控制和自定义网页打印,包括页面布局、样式处理、排除不必要元素等...
页面设置" onclick="javascript:printsetup();"> 打印预览" onclick="javascript:printpreview();"> 关闭" onclick="javascript:window.close();"> ``` 在上面的代码中,我们使用了 ExecWB() 函数来实现打印、打印...
关于动态改变JavaScript中onclick事件触发的函数代码的知识点,我们将从JavaScript事件处理机制、onclick事件、以及如何动态改变事件绑定的函数等方面进行详细解释。 首先,JavaScript是一种基于事件的编程语言。在...