很多站长朋友们都不太清楚html怎么加事件，今天小编就来给大家整理html怎么加事件，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 如何为html元素添加事件任意方法都几种 2、 如何html中标签上添加点击事件 3、 html中button的事件如何实现 4、 为html元素添加事件任意方法都几种? 5、 如何添加html元素的事件 有几种方法 如何为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中标签上添加点击事件方法一：直接在标签元素上添加
方法二：是通过js来添加
如图：
介绍：
HTML(Hyper Text Mark-up Language )即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。
这样，你只要使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。
HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。
html中button的事件如何实现事件属性button，是触发事件的时候，获取事件对象获取button的值判断，是按下了鼠标的哪个键。
1、首先创建一个名称为button的html文件，如下图所示。
2、在body中加入onmousedown事件，事件中加入自定义函数，函数中加入事件返回对象。
3、接着加入一个p标签加入id，如下图所示。
4、然后创建一个自定义函数mybutton，如下图所示。
5、自定义函数中通过event。button属性获取整数值，并判断整数值来区分鼠标按键。
6、最后在浏览器中打开文件，在指定区域随意按下鼠标按键，查看结果。
为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>
第三种方法：
<div class="wrap" id="btn">绑定事件一</div><script type="text/javascript"> var btnEle = document.querySelector('#btn'); btnEle.addEventListener('click', show, !1); function show() { alert('绑定事件一'); }</script>
如何添加html元素的事件 有几种方法常见的三种，一种是标签内联的书写方式，不推荐使用
另外两种都是相对比较常用的，具体看代码吧
方法1：标签内联的书写方式
<div onclick="alert('点击此处弹窗')">HTML5学堂 - - 数百篇原创文章分享 </div>
方法2和方法3：
<div id="con">通过id获取标签，之后为标签绑定事件</div>
<script>
var con = document.getElementById('con');
con.onmouseover = function(){
alert('鼠标移入弹出这个');
}
con.addEventListener('mouseout', function(){
alert('鼠标移出弹出这个');
}, false);
</script>
关于html怎么加事件的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。