首页> 基础笔记 >JS/JQ基础学习 >事件 事件

JavaScript事件驱动与事件处理概念

作者:小萝卜 2023-03-21 浏览 277

简介当文档或文档中的元素发生了某些动作时,浏览器就会产生一个事件。 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)

文章评论

    高端网站建设