【js循环给li绑定事件实现和弹出对应的索引】的更多相关文章

js循环给li绑定事件实现和弹出对应的索引

原文:http://www.cnblogs.com/wuchuanlong/p/5945286.html 方法一,动态添加click事件,并添加属性 var itemli = document.getElementsByTagName("li"); for (var i = 0; i < itemli.length; i++) { itemli[i].index = i; //给每个li定义一个属性索引值 itemli[i].onclick = function () { ale…

js循环给li绑定事件实现 点击li弹出其索引值 和内容

代码如下: html代码 <ul> <li>房产</li> <li>家居</li> <li>二手房</li> </ul> 方法一: var itemli = document.getElementsByTagName("li"); for(var i = 0; i<itemli.length; i++){ itemli[i].index = i; //给每个li定义一个属性索引值,赋…

JS 循环给li绑定参数不同的点击事

以下内容纯属个人理解,不正确的地方还请大神留言,不胜感激! 源代码:(按个人方式选用一种即可) <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <script type="text/javascript"> var aLi = document.getElementsByTagName(&quo…

Js为Dom元素绑定事件须知

为异步加载的Dom 元素绑定事件必须在加载完成之后绑定: $('body').load('LearnClickBinding.ashx');$('a').click(function () { alert('I was clicked!'); }); 上面的绑定是无效的,因为异步加载需要时间,而在获取元素之前,早已执行了$('a').click();方法,所以绑定失败. 正确的做法是,等待元素加载完后再执行 $('a').click(); $('body').load('LearnClickBi…

JS实现点击弹出对应的索引

如果这样写的话 ,弹出来一直是2,原因 这个i ,循环已经结束,i 的值已经是2了,所以需要再前面添加: items[i].index=i;    //添加一个属性  ,技术一下 这个索引值 alert的时候 需要点击哪个,弹出哪个的索引值 ,所以  alert(this.index) 才能弹出来相应的索引值 ,要不然弹出来的都是2, 点击几次都是2…

如何使用纯js实现一个带有灰色半透明背景的弹出框

原文如何使用纯js实现一个带有灰色半透明背景的弹出框 // 加入透明背景 var body = document.body;var backgroundDiv = document.createElement("div"); backgroundDiv.style.cssText = "left:0;top:0;position:fixed;background:#ddd;opacity:0.8;width:100%;height:100%"; body.appen…

js特效-仿照html属性title写一个弹出标题样式

问题场景:商品描述,当营业员给客户介绍时会看着这些弹出标题来给客户讲解描述,一般采用html中属性title来实现,但是有些商品描述太长,这些title在IE浏览器中大约展示5s,营业员需要多次移动鼠标查看标题 会比较麻烦,原先已经设计商品详情页描述商品详细信息但是营业员不愿意点击看详情页 方案:JS+DIV+CSS  仿造一个title弹出框 难点:CSS对于div位置的控制  不采用事件位置 而是使用position中relative和absolute来确定 谷歌版: <html> <…

69.js--点击事件等比例弹出层div

html:<!--弹出层导航栏--> <div class="public-nav-content"> <ul> <li><a href=""><i></i><b>方案设计</b></a></li> <li><a href=""><i></i><b>为我报价…

js 移动端之监听软键盘弹出收起

js 移动端关于页面布局,如果底部有position:fixed的盒子,又有input,当软键盘弹出收起都会影响页面布局.这时候Android可以监听resize事件,代码如下,而ios没有相关事件. var winHeight = $(window).height(); //获取当前页面高度 $(window).resize(function(){ var thisHeight=$(this).height(); if(winHeight - thisHeight >50){ //当软键盘弹出…

自学Android的第一个小程序（小布局、button点击事件、toast弹出）

因为上班,学习时间有限,昨晚才根据教程写了一个小程序,今天忙里偷闲写一下如何实现的,来加深一下印象. 首先创建一个Android项目, 通过activity_xxx.xml布局文件来添加组件来达到自己想要的样子 我想要的样子: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:l…