javaScript事件绑使用方法

事件绑定，就是要对某一个东西进行操作。（因为你想让他实现什么效果，所以就得绑定他，哈哈哈！）

要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。

在JavaScript中，有三种常用的绑定事件的方法：

1. 在DOM元素中直接绑定；

   立即学习“Java免费学习笔记（深入）”；

2. 在JavaScript代码中绑定；

3. 绑定事件监听函数。

1、用例子的形式来给大家解释一下，如何在DOM元素中直接绑定。

单击一个按钮，弹出警告框的代码

<input onclick="myAlert()" type="button" value="点击我，弹出警告框" />
<script type="text/javascript">
function  alert(){
   alert("hello，我是警告框");
}
</script>

法语写作助手

法语助手旗下的AI智能写作平台，支持语法、拼写自动纠错，一键改写、润色你的法语作文。

31

查看详情

是不是很简单，然后继续吧...

2、在JavaScript代码中绑定（绑定事件可以使JavaScript代码与HTML标签分离，文档结构清晰，便于管理和开发）

<input id="demo" type="button" value="点击我，显示 type 属性" />
<script type="text/javascript">
document.getElementById("demo").onclick=function(){
   alert(this.getAttribute("type"));  //  this 指当前发生事件的HTML元素
}
</script>

3、绑定事件监听，绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数。

①.addEventListener(eventName,handle,useCapture）。

标准的绑定事件监听函数的方法

②.attachEvent(eventName,handle);

以上就是javaScript事件绑使用方法的详细内容，更多请关注php中文网其它相关文章！