//li加个点击事件

最新推荐文章于 2024-12-30 16:10:56 发布
最新推荐文章于 2024-12-30 16:10:56 发布
阅读量1.3k 收藏
点赞数
分类专栏： jq Mobile
$.ui.ready(function(){ 
 $('#reply_content').find("li").click(function () 
 { 
clickLi();
 }) 
 });
function clickLi() {//通过点li给id值 
localStorage.setItem("tongzhi_id", getItem('tongzhi_id')); //
           $.ui.loadContent("tongzhi_view.html", false, false, ""); 
}
}
li通过绑定点击事件实现类似购物车功能(全选，点击勾选、取消等)，此例为模仿移动端小说书架界面实现勾选取消功能展示，有些麻烦但好理解（前端xb要努力变强）
weixin_55437576的博客
03-12 997
效果展示
添加li标签点击事件，删除当前点击li标签
weixin_57772211的博客
04-28 2272
添加li标签点击事件，删除当前点击li标签
js li 点击事件_事件委托(Html+Javascript)
weixin_42401159的博客
01-22 1965
什么是事件委托 事件委托又叫事件代理，就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。为什么使用事件委托 庸俗的说，比如有一个ul下面有1万个li，不可能给每一个li添加绑定事件。一般我们通常会用for循环的方法，遍历所有元素，然后给他们添加点击事件，看似合理的做法，其实会很大的消耗性能。在js中频繁的操作Dome原生，会使浏览器多次重绘与重排，会影响页面的整个交互，w3c...
使用原生 js 给连续多个 li 绑定点击事件，输出每条 li 的下标（索引）的几种方式
17902的博客
08-25 3103
html： <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> <li>eee</li> </ul> 方法一：通过设置属性方式给每一条 li 设置属性
JS 循环li添加点击事件 （闭包的应用）
11-28
废话不多说了，直接给大家贴代码了，具体代码如下所述： ...以上所述是小编给大家介绍的JS 循环li添加点击事件 （闭包的应用），希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的。
Vue 优雅的显示/隐藏层（加全局点击事件）
smokelee的博客
12-30 1163
746427@TOC Vue 优雅的显示/隐藏层（加全局点击事件） 问题描述： 一个Icon点击出现菜单，点击菜单区域外任何区域菜单收起。 何为优雅的去解决上述问题？ 尽可能的采用vue来解决问题 尽可能少的与原生对象发生交互 代码干净、易懂 问题解决思路： 通过Vue的v-show指令决定菜单的显示、隐藏。 通过Document的全局点击事件判断是否该收起 需要优雅的解决几个问题： 禁...
新插入ul中的＜li＞标签无法绑定点击事件
shiyue1016的博客
09-21 1834
我做的是搜索框下，关联数据显示 下面是html基本结构。 <input class="search" type="text" value="目的地：北京，上海，深圳" id="search"> <ul class="search-like" id="list-box"> </ul> ul内没有li，通过模板引擎方法插入从后台接收到的数据到ul中； 在给li绑定事件过程中遇到了问题，在外部绑定事件会无效，因为li是后面动态生成的，也就
html5单击修改背景色,js实现点击ul/li等改变背景颜色
weixin_42119358的博客
06-04 1847
今天项目遇到了标题所说的问题，找到一篇很高效的例子，值得学习。Change.htmlbody li{list-style-type: none;}文字文字文字function g(x){d=document.getElementsByTagName('li')for(p=d.length;p--;){if(d[p].id!=x){d[p].style.backgroundColor='#FFFFF...
使用vue点击li,获取当前点击li父辈元素的属性值方法
12-29
vue实现加载并展示后台数据的tab选项卡 vue用于渲染页面 jquery用于方法实现动态效果 <!-- change方法, 数值改变触发 --> <select v-on:change=getData() name= id=dataSelect>...
给ui下面的li绑定事件
qq_41632427的博客
09-14 205
给ui下面的li绑定事件 ``` 给下面的每个li绑定点击事件 点击打印的结果分别是 1 2 3(提示：事件委托) 1 2 3 Document 1 2 3 </ul> <script> var ul = document.querySelector('ul')...
li标签绑定事件比如有1000个li标签需要点击，显示对应li标签的内容，有什么高效的方法
xiaoxiaofly的博客
09-11 1843
关于在前端面试中，经常会被技术人员问道在ul标签中有一组li标签，你如何点击每个li并显示相应的内容，最初我的想法是用for循环给每个li添加click事件，然而产生了闭包的效果，为了解决这个问题，我又对代码进行了下面的更改。 <ul> <li>1</li> <li>2</li> <li>3</li> ...
vue li click
weixin_30336061的博客
11-27 591
<ul> <li @click="mechanisms(1)">AAAAA</li> <li @click="mechanisms(2)">BBBBB</li> <li @click="mechanisms(3)">CCCCC</li> <li @click=...
20230829-给ui下面的li绑定事件
qq_41632427的博客
09-01 364
【代码】20230829-给ui下面的li绑定事件。
js ul li 事件委托
最新发布
全易
12-30 285
高性能的原生事件委托
jquery - li 绑定click事件
快乐
05-04 2007
1.jquery1.9以上 动态生成元素 live和on失效的解决方法 //动态生成的元素要用这个方法 $(document).on("click", "#xxx", function() {     …… });    //非动态生成的元素还可以直接用on，但不能用live $("#xxx").on...
jquery ul的li我通过后台查询数据遍历进行添加，li的click事件不执行问题
menghuannvxia的专栏
03-08 598
ul的li我通过后台查询数据遍历进行添加，li的click事件不执行，原来 click事件的注册，在页面加载时就已经完成了（当前页面有几个ul，li就注册几个。后来添加的，都不会注册click事件） 解决方法：把事件注册到document上面。这样当执行事件时，会冒泡触发。 ...
js为li添加点击事件，并且输出当前li点击的值
qq_39266265的博客
03-07 1万+
在使用js开发过程中，经常会遇到这样一个问题“如何对多个li添加onClick点击事件，并且输出点击对象的当前内容”。这是我们就想到了常用的for循环，如下图所示： 直接输出当前点击对象的内容 通过运行会发现依次点击li分别会弹出0,1,2； 由这类问题会引发一系列的问法，如果我们alert的是当时循环中的i值会出现什么情况： 直接输出循环中的i值 此时通过运行会发现无论点击那个li...
Jquery 动态生成li标签以及单击事件的绑定
热门推荐
09-23 2万+
$("#rightRes").append("名称:" + obj[i].STMC +"电话:"+obj[i].LXDH+"");
往ul 添加一个n个li元素 并加内容 并且绑定事件
06-09
好的，以下是一个将n个li元素添加到ul中、给li元素添加内容和绑定事件的示例代码： HTML代码： ```html <ul id="myList"></ul> ``` JavaScript代码： ```javascript var ul = document.getElementById("myList"); var n = 5; // 假设要添加5个li元素 for (var i = 0; i < n; i++) { var li = document.createElement("li"); li.innerHTML = "这是第" + (i + 1) + "个列表项"; li.addEventListener("click", function() { console.log("点击了li元素：" + this.innerHTML); }); ul.appendChild(li); } ``` 这里，我们首先获取了id为"myList"的ul元素，然后使用for循环动态创建了n个li元素。在每次循环中，我们使用createElement()方法创建了一个li元素，然后使用innerHTML属性给li元素设置了文本内容。接着，使用addEventListener()方法为li元素绑定了一个点击事件，当用户点击li元素时，会在控制台中输出一条信息。最后，使用appendChild()方法将li元素添加到ul元素中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值