`
jackleechina
  • 浏览: 587686 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

javascript设置onclick

 
阅读更多
一)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去获取需要的变量参数。
});

分享到:
评论

相关推荐

    javascript中onclick(this)用法介绍

    具体来看,这段代码中有一个HTML的输入框元素,其id属性为“myinput”,并且初始值设置为“javascript中onclick中的this”。当用户点击这个输入框时,会弹出三个警告框(alert),分别显示以下信息: 1. [object ...

    IE8的JavaScript点击事件(onclick)不兼容的解决方法

    IE8中的JavaScript点击事件(onclick)不兼容问题,是指在旧版浏览器Internet Explorer 8中,使用JavaScript设置的点击事件处理程序无法正常工作的情况。这种情况在使用JavaScript生成的页面元素如分页按钮时尤为常见...

    用javascript onclick时显示一个浮动的div

    用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div

    JavaScript给按钮绑定点击事件(onclick)的方法

    本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法。分享给大家供大家参考。具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!DOCTYPE html> <html> <head>...

    网页制作必备(最常用javascript onclick语句40条)

    网页制作过程中,JavaScript 的 onclick 事件处理程序是实现用户交互的关键技术之一。下面将详细介绍给定文件中提及的40条最常用的 JavaScript onclick 语句,帮助网页开发者更好地理解和运用这些代码片段。 ### 1....

    莱鸟介绍javascript onclick事件

    JavaScript是目前广泛使用的一种网页脚本语言,它的核心能力之一就是操作用户的交互行为,如点击(click)、悬停(hover)等,而onclick事件是其中最基础且常用的一种。它允许我们定义当用户点击某个元素时所要执行...

    JavaScript onclick事件使用方法详解

    例如,假设我们有一个具有ID为`button`的按钮,我们可以这样设置`onclick`事件: ```javascript document.getElementById("button").onclick = function() { // 单击#button时要执行的代码 }; ``` 接下来,我们将...

    javascript实现删除前弹出确认框

    <a href="" onclick="javascript: return del();">删除 ``` 在实际开发中,有时候需要更灵活的处理。比如,当删除操作关联到某个链接或按钮时,我们可以直接在该元素的`onclick`事件处理器中调用`del()`函数,并...

    javascript option onclick事件ie解决方案 兼容ie,firefox

    在使用上述代码时,还需要确保option元素支持onclick属性的赋值,这通常意味着需要为每个option元素单独设置onclick属性或在JavaScript中动态绑定。以下是在HTML中直接为option元素设置onclick事件的示例: ```html...

    javascript笔记 javascript笔记

    这种方式常见于`<a>`、`<input>`等标签中,通过事件属性如`onclick`、`onmousedown`等来触发JavaScript函数。 **示例1:** ```html <a href="javascript:document.write('Hello World!')">Click ``` - **解释:** ...

    onclick事件实现div的隐藏和显示

    如果 `div` 正处于隐藏状态(`display: none`),则将其设置为显示(`display: block`);反之,则隐藏 `div`。 标签 "源码" 指出这是一个与实际代码相关的主题,而 "工具" 暗示可能涉及到开发者工具或浏览器的...

    javascript使用onclick事件改变选中行的颜色

    例如,我们可以为表格的每一行的`<tr>`元素设置`onclick`事件,像这样: ```html <tr onclick="changeActiveRow(this)"> ``` 这里的`changeActiveRow(this)`是一个JavaScript函数调用,`this`关键字在事件处理函数...

    如何在 HTML 中调用 JavaScript 函数而不使用 onclick.docx

    在 HTML 中调用 JavaScript 函数而不使用 onclick 是前端开发中的一种高级技巧,它可以提供更灵活的事件处理方式,使得代码更加整洁和易于维护。本文主要介绍了如何通过其他方法调用 JavaScript 函数,尤其是在不...

    onclick-javascript

    这个例子中,我们通过`document.getElementById`获取到ID为"myButton"的按钮元素,然后为其设置`onclick`事件处理器。 "onclick"不仅可以用于弹出警告框,还可以执行更复杂的操作,比如改变元素的样式、发送Ajax...

    javascript网页打印设置

    在JavaScript中进行网页打印设置是一项常见的任务,尤其在开发网页应用程序时,往往需要提供用户友好的打印功能。本文将深入探讨如何使用JavaScript控制和自定义网页打印,包括页面布局、样式处理、排除不必要元素等...

    javascript 实现页面打印

    页面设置" onclick="javascript:printsetup();"> 打印预览" onclick="javascript:printpreview();"> 关闭" onclick="javascript:window.close();"> ``` 在上面的代码中,我们使用了 ExecWB() 函数来实现打印、打印...

    javascript 动态改变onclick事件触发函数代码

    关于动态改变JavaScript中onclick事件触发的函数代码的知识点,我们将从JavaScript事件处理机制、onclick事件、以及如何动态改变事件绑定的函数等方面进行详细解释。 首先,JavaScript是一种基于事件的编程语言。在...

Global site tag (gtag.js) - Google Analytics