首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
js 循环生成元素,并为元素添加click事件,结果只执行最后一个点击事件
】的更多相关文章
js 循环生成元素,并为元素添加click事件,结果只执行最后一个点击事件
问题描述:有一个参数集合data,for循环为每一个参数生成一个dom元素,并附加onclick事件.生成之后发现点击事件里的参数全是data集合里的最后一个. 代码如下: var dom=$('#div_id'); for(var i=0;i<data.length;i++) { var children=document.createElement("div"); children.onclick=function(){ alert(data[i]); } dom.appen…
JavaScript的for循环中嵌套一个点击事件为何点击一次弹出多个相同的值
先看下面一段代码: for(var i=0; i<10; i++) { $('#ul').bind('click', function() { alert(i) }) } 对于这段代码,当点击Id为“ul”的元素时,会出现弹出10个10.为什么会弹出10个10呢? 首先,这段代码中的点击事件不是绑定事件,是jQuery的绑定事件,那么绑定事件和普通事件是有区别的.普通事件中,如果对某一个元素添加多个点击事件,那么,最后一个将会把前面的所有点击事件全部覆盖,只能执行最后一个点击事件:而在绑定事件中…
【读书笔记】iOS-storyBoard-为一个按钮添加一个点击事件
按照故事板的用语,应用中的一个界面屏幕被称作一个”场景(Scene)",以后添加额外的场景时,停靠区中将有另一个部分. 一,新建立一个工程,如图所示. 二,选中Main.storyboard.如图所示. 三,在storyboard场景上拖入一个button,并命名为"firstButton". 四,点击辅助窗格按钮,使Xcode底部显示ViewController.h文件. 五,如图,为firstButton添加按钮点击事件.(control+选中按钮,拖动到.h文件) 六,…
JS闭包导致循环给按钮添加事件时总是执行最后一个
加入如下脚本代码: <script> var list_obj = document.getElementsByTagName('li'); for (var i = 0; i <= list_obj.length; i++) { list_obj[i].onclick = function() { alert(i); } } </script> 运行后,奇怪的发现无论点击那个li标签,alert出的都是最后一个的内容,5 下面做下分析:因为在for循环里面指定给list_o…
js循环生成多个easyui datagrid数据网格时,初始化表格
$.each( content, function(i, item){ var info_tpl = "";var result_tpl = "";var pre = /\<+\s*([a-z]+)\s*/; info_tpl += "<div class='result-info'>" + "<p>[执行SQL:("+i+")]</p>" + "<…
js闭包for循环总是只执行最后一个值得解决方法
<style> li{ list-style: none;width:40px;height: 40px;text-align:center;line-height: 40px;cursor: pointer; } </style>html代码: <ul id="uls"> <li style="background:#aaa">0</li> <li style="backgro…
Extjs grid column里添加button等html标签,并增加点击事件
Extjs里有个actioncolumn,但actioncolumn只能添加一系列button,不能既有字又有button 如何能在column里增加html标签,并给button添加事件呢? 1. 首先,在column里重写renderer方法,方法里拼html语句 View里主要代码如下: columns: [{ header: 'Complex column', width: 90, renderer: function(value, cellmeta, record) { var dis…
JS点击事件的重叠处理(多个点击事件出现冲突)
最近开发遇见了一个这个样的情况,一个button在一个div中,点击buton是一个事件,点击大的div也是一个事件,但是由于button在div中,点击button会把两个事件都执行了,但是我们想点击button的时候不去执行大div的事件.层次如图: 解决方法 : 在button的点击事件执行的时候调使用 event.stopPropagation() 方法,具体使用如下代码: //点击button的方法 function clickBtn(event){ //具体的事件内容.....…
动态生成的DOM做点击事件无效
有时候我们的标签都是从后台获取的数据,然后利用JS添加到页面上,当我们写生成的标签的点击事件(click)时没有效果. 例如: <section> 测试动态生成的DOM点击事件 <br /> </section> <script src="jquery-1.11.2.min.js"></script> <script> $(function () { $.ajax({ type: "post",…
Jquery中动态生成的元素没有点击事件或者只有一次点击事件
今天用jq做动态生成的元素的click事件时,click只执行了一次,当然有些朋友可能根本没执行, 执行了一次的原因是因为可能有函数加载了一遍,一次都没执行的可能是没绑定对象或者jq版本问题, 动态生成的元素只能你自己去绑定它,直接贴代码 $(document).on('click', '.imgclikc', function(e) { alert('点击事件'); }) 'imgclick'是你动态生成元素里面的class类 我之前是这样做的,如下所示 $("# || . 元素")…