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

相关推荐

    javaScript复制功能调用实现方案

    input type=”button” value=”复制” onclick=”fuzhi()”> [removed] function fuzhi(){ var codeVal=jQuery(“#code”).val(); alert(codeVal); if (navigator.userAgent.toLowerCase().indexOf(‘ie...

    JavaScript脚本中常用事件,例如:onClick事件等

    同时onClick指定的事件处理程序或代码将被调用执行),onChange事件就是当文本框的内容改变时发生的事件,onSelect事件就是当文本框的内容被选中时发生的事件,onFocus事件就是当光标落在文本框中时发生的事件等等

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

    调用innerHTML之后,onclick失效了,这也是在意料之中的,因为innerHTML是以文本形式插入的button,所以无法识别onclick事件

    js日历,可以方便的调用

    该文件为JS文件,为客户端程序,在.net中调用格式为: <script language="javascript" type="text/javascript" src="calendar.js"> ………… <input id="Text1" type="text" runat="server" onclick=...

    js调用exe实现截图功能 网页放大缩小功能

    1、js调用exe实现截图功能 2、网页放大缩小功能 mian.jsp查看这段代码即可(js有些代码可以不看) 停止" onclick="stopRf()" name="stopRf" /> 缩小" onclick="zoomInOut('zoom','out')" /> ; font-size:...

    js实现的日历控件,直接调用

    JS的日历控件 调用方法: ;height:26px" id="shiDate" onclick="calendar(this,'../Calendar/Include/calendar1.htm')" readonly="readonly" />

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

    JavaScript 一度被视为网络 3 个核心技术之一,现在几乎可以在任何可以找到代码的地方找到它。JavaScript 开发人员快速行动并推动软件开发向前发展;他们可能和他们使用的框架一样固执己见,所以让我们保持这里的...

    javaScript常用事件

    常用javaScript事件归纳。 常用事件: 1.onclick 鼠标单击事件 通常在下列基本对象中产生: button(按钮对象) checkbox(复选框)或(检查列表框) radio (单选钮) reset buttons(重要按钮) submit ...

    自定义Ajax.NET出发方式和指定调用服务器端函数 C#实例

    而微软的Ajax.net似乎只能使用服务器控件的很少的事件,最常用的就是Button的onclick事件, 而服务器端的函数也似乎只能是服务器端控件的事件函数,难道我们在页面上每添加一个Ajax功能, 就要多添加一个Button控件...

    js调用Action

    用js函数让网页重定向,window.location.href=‘actionName.action?paraName=arg0’; 如果需要带参数的话可以在action中定义那个参数名paraName,并生成setter和getter方法 方法二: <script type= "text/...

    JS在onclientclick里如何控制onclick的执行

    若想先调用了OnClientClick后就不在调用OnClick事件,应在OnClientClick事件里返回false.若不返回false,在执行了OnClientClick后,会继续调用OnClick事件! 实现方法如下: <asp:Button ID="btn_Save" runat=...

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

    写一个弹出框,绑定onclick事件是好像控制不了它的返回值。代码如下 function createBtn(){ for(var i = 0; i < _this.btn.length; i++){ var btn = document.createElement('span'); btn.id = 'btn_' + i; btn...

    标签中的href如何调用js代码.pdf

    html中,在标签中设的href调用js代码,共有以下几种方式 <a href ="javascript:void(0);" onclick ="js_method()"> <a href = "javascript:;" onclick ="js_method()"> <a href = "#" onclick ="js_method();...

    整理Javascript事件响应学习笔记

    同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。 例:我们单击按钮时,触发 onclick 事件,并调用两个数和的函数add2()。 <html> <head> [removed] function add2(){ var numa,n

    js调用后台、后台调用前台等方法总结

    js调用后台,后台调用前台等方法总结 1. javaScript函数中执行C#代码中的函数: 方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入Button1_Click中; 代码如下: protected void Button1_Click(object ...

    javascript 触发事件列表

    javascript 触发事件列表 单击事件___onclick 用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行. 如:打开页面" onlick="window.open ('xxxx.html','newwindow','width=456,height=...

    解决Layui中templet中a的onclick参数传递的问题

    [removed] [removed];' bfnclick='showContent({{d.CONTENT...项目跑了许久,突然说点击查看内容没反应,查出原因是,d.CONTENT如果有单引号或者双引号会报js错误。 于是改成下面的形式解决问题。 <script type=

    js选择时间控件-方便实用

    都是JS代码,没什么好描述的,附上调用方法 onclick="SelectDate(this)" 年月日,默认格式yyyy-MM-dd onclick="SelectDate(this,'yyyy 年')" 年份 onclick="SelectDate(this,'yyyy 年 MM 月')" 年月 onclick="Select...

    可以控制多种样式的渐变弹出层

    通过JS事件出发渐变的弹出来,并且可以控制多种样式 调用方式 onclick="ChuangJianDIV('要弹出的组建ID','弹出DIV的宽','弹出DIV的高','遮蔽div的透明度','弹出div的速度','遮蔽div的背景色','弹出div的背景色');" ...

    jsp 日期 日历js方法调用!简单,方便,好用!

    <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"> <input type="text" name="intotime" size="10" onclick="WdatePicker()"> 文件夹请放到WebRoot下! 单击文本框就可...

Global site tag (gtag.js) - Google Analytics