0 0

如何js里面动态调用层的onclick事件?5

我想在javascript里面动态调用div的onclick事件,怎么调用啊,
我用document.getElementById(ids).onclick="method()";不行
也用过document.getElementById(ids).setAttribute("onclick","method()");
都不行
2009年8月07日 14:41

1个答案 按时间排序 按投票排序

0 0

采纳的答案

Javascript为元素动态的添加事件包括两种情况:
不带参数的事件和带参数的事件。
一、不带参数的事件:
两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:
var t = document.getElementById("NewTitle");
t.onclick = function showmsg(){
    alert('Hello!World');
}
第二种情况 这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
   var tb = document.getElementById("NewTitle");
    if(window.addEventListener){ // Mozilla, Netscape, Firefox
        td_value.addEventListener('click', alert('cc'), false);
        td_value.addEventListener('click', alert('cc'), false);
    } else { // IE
        td_value.attachEvent('onclick',  function(){alert('changchang');});
        td_value.attachEvent('onclick',  function(){alert('changchang');});
    }
二、带参数的事件
这里的functionName就是事件处理函数,如果是带参数的那该怎么办,
有人说是这样:
element.onclick=function(sb){
        alert(sb);
    }
是不是上面的那种写法呢?答案是不正确的。
解决方法:匿名函数:
    element.onclick=function() {
        functionName(param);
    };
这样就巧妙的通过匿名方法实现了!

别加引号

2009年8月07日 15:58

相关推荐

    jquery A标签onclick事件

    ### jQuery 下 A 标签 onclick 事件处理 在前端开发中,经常需要为页面中的元素绑定事件处理函数,其中 `onclick` 事件是最常见的交互方式之一。jQuery 是一个流行的 JavaScript 库,它提供了简单易用的方法来处理...

    JavaScript onclick事件使用方法详解

    总的来说,`onclick`事件是JavaScript中处理用户交互的关键机制,通过它我们可以构建丰富的动态网页。无论是简单的功能,如改变文字或颜色,还是更复杂的业务逻辑,如提交表单或调用API,`onclick`都是实现这些功能...

    js动态添加onclick事件可传参数与不传参数

    在JavaScript中,可以利用onclick属性动态添加事件监听器,并且可以控制是否向这个函数传递参数。 首先,来看一下不传参数的情况。当我们的函数不接收任何参数时,可以直接将函数名赋值给元素的onclick属性。例如:...

    javascript中onclick(this)用法介绍

    3. javascript中onclick中的this:这是调用obj.value得到的结果,显示了触发事件的元素的value属性值。 总结来说,在javascript中,onclick(this)的用法主要是将当前被点击的元素作为上下文对象传递给事件处理函数...

    js调用C#方法

    JavaScript调用C#方法 JavaScript可以通过以下步骤来调用服务器端的C#方法: ##### 步骤一:定义服务器端C#方法 确保该方法被标记为`public`,以便JS能够访问。例如: ```csharp public string GetServerData()...

    网页脚本(javascript)调用VB函数的另类方法

    ### 网页脚本(JavaScript)调用VB函数的另类方法 #### 方法概述 在常规场景下,想要从网页脚本(如JavaScript)调用VB程序中的函数,通常会涉及COM对象、ActiveX控件等技术,并可能需要通过`IDocHostUIHandler`...

    javaScript复制功能调用实现方案

    JavaScript复制功能调用实现方案是前端开发中常见的一种需求,主要目的是方便用户快速复制文本内容。在提供的代码示例中,有两种实现方法:逐一判别处理法和Flash间接处理法。 **逐一判别处理法** 这种方法是通过...

    怎么通过onclick事件获取js函数返回值(代码少)

    接下来,我将详细介绍如何通过onclick事件获取JavaScript函数返回值。 首先,创建一个按钮元素,并为其绑定点击事件处理器是实现该功能的基本步骤。在上述的代码示例中,我们看到`createBtn`函数用于动态创建按钮,...

    动态循环给onclick赋值(解决闭包问题)

    然而,当涉及到动态循环给onclick事件赋值时,闭包问题可能会出现,导致意外的结果。这个问题通常出现在创建多个事件处理函数,而每个函数都需要访问循环中的变量时。 在描述中提到的"动态循环给onclick赋值"是指在...

    js+web调用打印机代码

    在JavaScript(JS)中,调用打印机涉及到网页的打印功能,允许用户无须离开当前页面就能预览并打印页面内容。这一技术对于提供便捷的在线服务,如发票、报告或文档打印,尤其有用。本文将深入探讨如何使用JavaScript...

    调用innerHTML之后onclick失效问题的解决方法

    在上述的描述中,开发者遇到了一个具体的问题:在调用`innerHTML`后,`onclick`事件不再生效。这个问题通常发生在动态生成或修改HTML内容时,例如在上述例子中,当用户点击按钮改变按钮状态(上线/下线)时,`...

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

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

    c# winform webbrowser页面中js调用winform类方法

    这个对象的成员方法将会被JavaScript调用。确保这个对象的访问修饰符是`[System.Runtime.InteropServices.ComVisible(true)]`,以便JavaScript可以识别。 ```csharp [System.Runtime.InteropServices.ComVisible...

    android使用webView实现java程序与js脚本的相互调用

    JavaScript调用Java 在HTML或JavaScript中,通过`window.android.callFromJs()`就可以调用上面创建的Java方法: ```javascript <button onclick="callAndroidFunction()">Call Android Function function ...

    js生成动态表格并为每个单元格添加单击事件的方法

    本文介绍的使用JavaScript动态生成表格并为每个单元格添加单击事件的方法是Web开发中一项基础而重要的技能。通过这种方式,我们可以根据实时数据创建表格,并允许用户与表格中的数据进行交互。这不仅使页面变得更加...

    javascript调用exe文件,弹出系统软键盘

    但通过一些技术手段,我们可以实现JavaScript调用exe文件的功能,进而实现弹出系统软键盘的需求。下面将详细介绍这个过程。 首先,为了在JavaScript中调用exe文件,我们需要借助一些浏览器扩展API或者服务器端的...

    js给onclick事件赋值,动态传参数实例解说

    总结来说,当需要给JavaScript中的`onclick`事件赋值并动态传递参数时,应当避免直接调用函数并将其结果赋给`onclick`。相反,应使用匿名函数来封装函数调用,并在其中传递参数,以此确保事件处理器正确地设置并能在...

    C#窗口程序中嵌入网页调用js

    接下来,在C#中定义一个方法供JavaScript调用: ```csharp [WebMethod] public string callDotNetMethod(int a, int b) { return (a + b).ToString(); } ``` 注意,为了能够让JavaScript访问这个方法,...

    JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

    在网页开发中,JavaScript是一种常用的客户端脚本语言,用于增加网页的交互性和动态功能。本文主要探讨了如何使用JavaScript来实现一个功能,即为页面中所有的`<img>`标签添加`onclick`事件,并在用户点击图片时,在...

Global site tag (gtag.js) - Google Analytics