javascript中为某个元素指定事件的三种方式
在javascript中，可以为某个元素指定事件，指定的方式有以下三种：
1、在html中，使用onclick属性
2、在javascript中，使用onclick属性
3、在javascipt中，使用addEvenListener()方法
三种方法的比较
（1）在第二、三种方法中，可以向函数传入一个event对象，并读取其相应属性，而方法一不可以。
（2）首选第二、三种，第一种不利于将内容与事件分离，也不能使用event对象的相关内容。
一些语法细节
（1）在第一种方法中，onclick大小写无关，但在第二种方法中，必须使用小写。因为HMTL对大小写不敏感，而JS则会区分大小写。
（2）在第二、三种方法中，指定函数名时没有双引号，而第一种作为一个HTML属性，需要双引号。
（3）第一种方法需要括号，第二、三种不需要。
onclick="clickHandler()"
document.getElementById("jsOnClick").onclick = clickHandler2;
document.getElementById("addEventListener").addEventListener("click", clickHandler2);
完整代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Even Deom</title>
</head>
<body>
<button id="htmlOnClick" onclick="clickHandler()">htmlOnClick</button>
<button id="jsOnClick">jsOnClick</button>
<button id="addEventListener">addEventListener</button>
<script defer>
function clickHandler() {
alert("onclick attribute in html");
}
function clickHandler2(e) {
alert(e.target.innerHTML);
}
document.getElementById("jsOnClick").onclick = clickHandler2;
document.getElementById("addEventListener").addEventListener("click",
clickHandler2);
</script>
</body>
</html>
在javascript中，可以为某个元素指定事件，指定的方式有以下三种：
1、在html中，使用onclick属性
2、在javascript中，使用onclick属性
（1）注意函数名没有双引号。
3、在javascipt中，使用addEvenListener()方法
三种方法的比较
（1）在第二、三种方法中，可以向函数传入一个event对象，并读取其相应属性，而方法一不可以。
一些语法细节
（1）在第一种方法中，onclick大小写无关，但在第二种方法中，必须使用小写。因为HMTL对大小写不敏感，而JS则会区分大小写。
（2）在第二、三种方法中，指定函数名时没有双引号，而第一种作为一个HTML属性，需要双引号。
（3）第一种方法需要括号，第二、三种不需要。
onclick="clickHandler()"
document.getElementById("jsOnClick").onclick = clickHandler2;
document.getElementById("addEventListener").addEventListener("click", clickHandler2);
完整代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Even Deom</title>
</head>
<body>
<button id="htmlOnClick" onclick="clickHandler()">htmlOnClick</button>
<button id="jsOnClick">jsOnClick</button>
<button id="addEventListener">addEventListener</button>
<script defer>
function clickHandler() {
alert("onclick attribute in html");
}
function clickHandler2(e) {
alert(e.target.innerHTML);
}
document.getElementById("jsOnClick").onclick = clickHandler2;
document.getElementById("addEventListener").addEventListener("click",
clickHandler2);
</script>
</body>
</html>
-
本文向大家介绍JavaScript事件处理的方式(三种)，包括了JavaScript事件处理的方式(三种)的使用技巧和注意事项，需要的朋友参考一下 最近这段时间因为每天要修改网站，为网站做特效，所以看了很多的js接触事件，自己只会使用一小部分，有时用的时候也比较混乱，现在系统的整理了一下，特此分享到呐喊教程平台供大家参考下！ 一、什么是JavaScript事件？ 事件(Event)是JavaScr
-
本文向大家介绍JavaScript中获取HTML元素值的三种方法，包括了JavaScript中获取HTML元素值的三种方法的使用技巧和注意事项，需要的朋友参考一下 JavaScript中取得元素的方法有三种：分别是： 1、getElementById() 方法：通过id取得HTML元素。 2、getElementsByName()方法：通过name取得元素，是一个数组。 3、getElements
-
问题内容： 我的页面上有一张表格，其中应该包含某个元素。我可以通过表名（具有唯一的名称）来标识表，并且还可以轻松地标识元素。我想断言元素存在于表的row ，column 上。使用Selenium命令最干净的方法是什么？ 备注： 我不想使用除表名以外的其他内容来查找它（我不希望代码中的所有内容）。 我在PHPUnit中使用Selenium。因此，我可以将PHP逻辑用于该任务，尽管我不希望任何复杂的逻
-
本文向大家介绍JavaScript获取指定元素位置的方法，包括了JavaScript获取指定元素位置的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript获取指定元素位置的方法。分享给大家供大家参考。具体如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍python实现删除列表中某个元素的3种方法，包括了python实现删除列表中某个元素的3种方法的使用技巧和注意事项，需要的朋友参考一下 python中关于删除list中的某个元素，一般有三种方法:remove、pop、del： 1.remove: 删除单个元素，删除首个符合条件的元素，按值删除 举例说明: [1, 3, 4, 5, 2, 6] 2.pop: 删除单个或多个元素，按位
-
本文向大家介绍JavaScript从数组中删除指定值元素的方法，包括了JavaScript从数组中删除指定值元素的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript从数组中删除指定值元素的方法。分享给大家供大家参考。具体分析如下： 下面的代码使用了两种方式删除数组的元素，第一种定义一个单独的函数，第二种为Array对象定义了一个removeByValue的方法，调用非