首页> 基础笔记 >JS/JQ基础学习 >事件 事件
JavaScript事件驱动与事件处理概念
作者:小萝卜 2023-03-21 【 javascript 】 浏览 560
简介当文档或文档中的元素发生了某些动作时,浏览器就会产生一个事件。 JavaScript程序员可以事先定义好一个事件的处理程序,一旦浏览器中产生了某个事件,浏览器就会自动调用该处理程序。这种通过事件来调用程序的方式称为事件驱动。
1. 事件驱动与事件处理
当文档或文档中的元素发生了某些动作时,浏览器就会产生一个事件。
JavaScript程序员可以事先定义好一个事件的处理程序,一旦浏览器中产生了某个事件,浏览器就会自动调用该处理程序。这种通过事件来调用程序的方式称为事件驱动。
JavaScript是基于对象采用的事件驱动。
事件中的三要素:事件源、事件、事件处理。
2.设置对象事件的方法
1).在HTML元素属性中设置对象事件
<input type=“button” value=“按钮” onclick=“btclick()”>
2).在JavaScript代码中设置对象事件
<script>
document.forms[0].elements[0].onclick=“alert(‘button’)”;
</script>
3.显示调用事件处理程序
<form name=“myform”>
<input type=“button” value=“提交” onclick=“btclick()”>
</form>
<script>
function btclick(){
alert(‘您单击了按钮’);
}
document.forms[0].elements[0].onclick();
</script>
很赞哦! (0)
上一篇:JavaScript常用事件