很多站长朋友们都不太清楚html中li怎么添加事件，今天小编就来给大家整理html中li怎么添加事件，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 jQuery 绑定并实现单击事件 2、 如何html中标签上添加点击事件？ 3、 如何为html元素添加事件任意方法都几种 jQuery 绑定并实现单击事件实现的方法如下：
1、第一步，创建一个新的html文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，需要引入jquery.js，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，设置输入框的keydown事件与click事件，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，按钮单击触发事件，见下图，转到下面的步骤。
7、第七步，执行完上面的操作之后，单击按钮，效果见下图。这样，就解决了这个问题了。
如何html中标签上添加点击事件？方法一：直接在标签元素上添加
方法二：是通过js来添加
如图：
介绍：
HTML(Hyper Text Mark-up Language )即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。
这样，你只要使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。
HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。
如何为html元素添加事件任意方法都几种第一种方法：在HTML元素当中绑定事件
<div class="wrap" onclick="show()">绑定事件一</div>
<script type="text/javascript">
function show() {
alert('绑定事件一');
}
</script>
第二种方法：
<div class="wrap" id="btn">绑定事件一</div>
<script type="text/javascript">
var btnEle = document.querySelector('#btn');
btnEle.onclick = show;
function show() {
alert('绑定事件一');
}
</script>
参考资料：《JavaScript事件 详细讲解》
第三种方法：
<div class="wrap" id="btn">绑定事件一</div>
<script type="text/javascript">
var btnEle = document.querySelector('#btn');
btnEle.addEventListener('click', show, !1);
function show() {
alert('绑定事件一');
}
</script>
参考资料：《说说JavaScript的事件绑定方法并举例》
关于html中li怎么添加事件的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html中li怎么添加事件的简单介绍的详细内容...