如何给HTML添加事件？

第一种方式：

直接在相应的HTML标签中添加相应的属性，通过属性去添加事件。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>HTML添加事件的方式（一）</title><script>function test(){console.log("HelloWorld!");}</script></head><body><input type="button" value="按钮" onclick="test()" /></body>
</html>

第二种方式：

先通过document.getElementById("id属性值")来获取相应的HTML标签，然后再通过该标签属性来添加事件。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>HTML添加事件的方式（二）</title></head><body><input type="button" id="buttom" value="按钮" /><script>//通过document.getElementById("buttom")来获取id为button的HTML标签，然后通过相应的属性再为其添加事件document.getElementById("buttom").onclick=function(){console.log("HelloWorld!");}</script></body>
</html>

第三种方式：

先通过document.getElementById("id属性值")来获取相应的HTML标签，然后通过添加属性addEventListener()添加触发机制和事件。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>HTML添加事件的方式（三）</title></head><body><input type="button" id="button" value="按钮" /><script>document.getElementById("button").addEventListener("click",function(){console.log("HelloWorld!");});</script></body>
</html>

如何给HTML添加事件？相关推荐

Android：ViewPager为页卡内视图组件添加事件
在数据适配器PagerAdapter的初始化方法中添加按钮事件,这里是关键,首先判断当前的页卡编号.必须使用当前的view来获取按钮. @Overridepublic Object instantia ...
为Delphi程序添加事件和事件处理器
在Delphi中,事件实际上是专门化的属性,它是一个过程(procedure)的指针.要添加事件,首先应在所定义的类中说明一个用来指向事件过程的指针,该指针的作用是当事件一旦发生,就通过这个指针执行 ...
对于模板渲染的页面，如何针对渲染出来的对象添加事件
我们在javaweb编程中往往从数据库中将数据取出来,使用模板渲染到页面上,渲染的数据上我们又希望可以产生不同的响应对于这样的问题,我们应该怎样实现场景的描述: <ul class=" ...
网页制作插入新的元素，并且为插入的元素添加事件
怎样向网页中插入新的元素,在JQuery中有这样的几个函数,其实写网页最大的便利也是在于很多的网页动态的实现都有现成的函数,我们需要做的就是在这个环境中应用这些函数,实现我们的动态的操作. 向网页中插 ...
Cocos Creator 为Button添加事件的两种方法
Button添加事件 Button 目前只支持 Click 事件,即当用户点击并释放 Button 时才会触发相应的回调函数. 通过脚本代码添加回调方法一这种方法添加的事件回调和使用编辑器添加的事 ...
为DataGrid行添加事件
为DataGrid行添加事件 private void grid_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItem ...
给未来元素添加事件 jquery 1.10.2 版本
<div class='dv'><button type='button' class='btn'>点击事件按钮</but ...
asp.net panel 加html,ASP.NET 页面中动态增加的控件、添加事件
要求:页面上有一个Add按钮,每点击一次该按钮,页面上动态创建一个WebPartZone! 提醒:WebPartZone只能在OnInit或之前才能创建,否则报异常! 大家都知道,按钮的点击事件是在R ...
jquery为图片添加事件
在用jquery 为图片添加事件的时候会遇到一个问题,你添加的图片是通过javascript函数添加上去的所以你直接这样 $(img).click(function(){DoSomeThing();} ...

如何给HTML添加事件？

第一种方式：

第二种方式：

第三种方式：

如何给HTML添加事件？相关推荐

最新文章

热门文章