js写li点击事件，js的点击事件怎么做

使用JavaScript代码给每个li列表加两个鼠标事件onmouseover和onmouseo...

onmouseover 用户鼠标移入元素时触发的事件。并执行onmouseover调用的函数。onmouseout 用户鼠标移开元素时触发的事件。并执行onmouseout调用的函数。onmouseover和onmouseout 这两个事件在javascript中较常用。

（1）单击事件onClick 当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。

onmouseover是鼠标悬浮时，onmouseout是鼠标移开，这句话的意思就是当鼠标悬浮到此行的时候它的背景颜色值为#cccccc，当鼠标移开时背景消失。只有加上这行代码的标签才会有变换效果，所以三行都要改成这个样子。

肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。

首先，建议你仍然采用 window.onload 的写法，不要用 function cs(){} 的写法，因为前者可以实现js代码与html代码完全分离的流行做法，利于分工合作，还可提高运行效率。

element[on + type] = handler；} } 使用的时候：var btn = document.getElementById(xxx)；var handler = function(){alert(456)；} addHandler(btn，mouseover，handler)；ok了。

相关问答

Q1: jquery对动态加载的li添加click事件,事件无法触发

分享给大家供大家参考，具体如下：最近遇到一个问题，即当用jquery动态添加元素后，发现给动态添加的元素却无法触发事件。

jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

其实最简单的方法就是直接在标签中写onclick=，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。

这个要用到“事件委托”，就是把动态添加的元素的事件委托给它的父元素（非动态的）去处理，这样的话不管其子元素如果动态添加，都能捕捉其事件。

jquery中有一个叫live的方法：jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。

(function(){ })；的意思是等到所有的DOM元素可用了才执行javascript代码。

Q2: Sortable.js移动端拖拽排序的容器li标签里含有其他点击事件如何写

1、设置：$(.selector).sortable(option， helper， clone)； items ： Selector ： * 指定在排序对象中，哪些元素是可以进行拖拽排序的。

2、这个需要看代码。可能是css或者js进行了限制，或者设置了readonly属性，如果方便，提供下代码，这样方便查找原因。

3、移动端点击某一行 ：active 时添加背景色，比如 li：active{ background：#eee； } 时，要给 body标签上写ontouchstart，否则没有效果。 另一方面，给body添加，可以阻止图片被默认拖拽。百度的logo就可以被拖拽。

4、指定在排序对象中，哪些元素是可以进行拖拽排序的。

Q3: ...给每个li写同一个单击事件,怎么让它实现点击其中一个li,弹出对应的...

1、第六步，执行完上面的操作之后，按钮单击触发事件，见下图，转到下面的步骤。第七步，执行完上面的操作之后，单击按钮，效果见下图。这样，就解决了这个问题了。

2、获取到div将display 设置成 block 呗。// 绑定单击事件$(a).on(click， function() { // div 是 a 标签的下一个兄弟节点，直接获取它即可。

3、新建一个html文件，命名为test.html。在test.html文件内，使用ul和li标签创建一个列表，li的值分别为测试a，测试b。在test.html文件内，设置第一个li标签的id为mytest，主要用于下面通过该id获得li对象。

关于js写li点击事件和js的点击事件怎么做的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。