吃瓜网站&吃瓜事件：
如何监听UL里面的li点击事件
})；/script 在这个示例中，我们首先获取了id为myList的ul元素，然后通过addEventListener方法将点击事件绑定到ul元素上。当点击ul元素的子元素li时，事件会冒泡到ul元素上，触发事件处理函数。在事件处理函数中，我们通过event.target来获取实际触发事件的元素。
首先获取到数据。在[文]这里模拟创建一个数[章]组用于测试数据集。[来]第二步，创建一个b[自]utton点击事件[Z]。用于动态观察，同[B]时创建ul标签下的[L]厨师li标签元素，[O]直观的通过点击bu[G]tton的点击事件[文]来触发li标签的更[章]改。
在上面的代码中，我[来]们首先定义了一个输[自]入框和一个按钮，用[Z]于接收用户输入的新[B]内容和触发按钮的点[L]击事件。然后，我们[O]通过JavaScr[G]ipt编写了一个名[文]为addConte[章]nt()的函数，该[来]函数会在点击按钮时[自]被调用。
使用jquery脚[Z]本库，因此先引入j[B]query脚本文件[L]。html代码里，[O]就是一个ul列表，[G]里面有二个img控[文]件，还有一个按钮。[章]要注意的是给ul加[来]了一个样式名。使用[自]jquery，先为[Z]按钮添加一个点击事[B]件。
scroll()：监听滚动事件，输出滚动状态。 on/off()：绑定与解绑点击事件，控制台输出。 delegate/undelegate()：事件委托，ul内li的点击事件处理。 表单事件：focus()、blur()、change()、select()等，控制文本框和选择框行为。 鼠标事件：click()、dblclick()等，按钮交互控制台输出。
mui点击事件失效
1、点击ul中的li元素，点击失效，有时只有点击li元素的左侧才生效。
2、转移订单 通过点击事件 控制 popver的显示[L]和的显示 并且在点击事件中控[O]制popver的定[G]位： $(#middle[文]Popover).[章]css(top，$[来](window).[自]scrollTop[Z]()+180)//[B]定位的关键代码 这样不管页面如何滚[L]动 popver始终处[O]于最中间的位置。
3、图片轮播、可左右滑动的图文表格、可左右滑动的9宫格、滑动触发列表项菜单、可拖动式侧滑菜单、下拉刷新和上拉加载、可拖动式选项卡【备注】：在PC端，大家将tap替换成click，将HTML5默认的Drag事件替换mui 的swipe和drag，就可以解决如上两个问题。
事件委托(点击事件绑定+ul标签,然后怎么确定点击是下面哪个li标签?)
在这个示例中，我们首先获取了id为myList的ul元素，然后通过addEventListener方法将点击事件绑定到ul元素上。当点击ul元素的子元素li时，事件会冒泡到ul元素上，触发事件处理函数。在事件处理函数中，我们通过event.target来获取实际触发事件的元素。
事件源：发生事件的[G]对象，一般指某一具[文]体的组件，比如：用[章]户点击某Butto[来]n，则此Butto[自]n即为事件源。又比[Z]如： ul 里有很多 li 标签，而我点击了 li 标签，这个即为事件[B]源。事件源作用：能[L]进行事件委托，处理[O]冒泡事件，提高性能[G]。
(#ul1).on[文](click，li[章]，function[来]()这个的意思，就[自]是给#ul1里面的[Z]每个li绑定cli[B]ck事件，并把事件[L]触发后的处理都委托[O]给#ul1。
事件委托是一种优化方法，适用于节点数量较多且动态变更频繁的情况。例如，我们需要一个好友列表，点击每个按钮可以进入对应用户的聊天界面。直接为每个按钮绑定事件会消耗大量内存，并且频繁动态更新列表会带来事件监听的频繁移除和绑定。我们可以通过将事件绑定到祖先元素上，利用事件冒泡特性来优化。
ul点击事件,区分每一个LI的点击事件
1、} })；/script 在这个示例中，我们首先获取了id为myList的ul元素，然后通过addEventListener方法将点击事件绑定到ul元素上。当点击ul元素的子元素li时，事件会冒泡到ul元素上，触发事件处理函数。在事件处理函数中，我们通过event.target来获取实际触发事件的元素。
2、手机版 我的知道 一个ul 里有若干 li，点击 li 时能方便地知道这是[G] ul 中的第几个 li 吗？ 我来答 分享 微信扫一扫 网络繁忙请稍后重试[文] 新浪微博 QQ空间 举报 浏览1 次 可选中1个或多个下[章]面的关键词，搜索相[来]关资料。也可直接点[自]“搜索资料”搜索整[Z]个问题。
3、使用li上的o[B]nclick事件 function td(obj){ jk()； obj.style[L].backgrou[O]nd = red}funct[G]ion jk(){ //要用到obj的[文]参数。
4、(ul li).each(function(i){ //i就是li的索引， 给不同的i绑定不同的事件即可。
5、jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
