网站建设之javascript事件对象及代码写法

网站建设之javascript事件对象及代码写法_第1张图片
网站建设之javascript事件对象及代码写法

接上一篇javascript事件及事件处理方式介绍,今天我们讲解在网站建设及网站培训中常见到的javascript的事件对象的概念及事件对象常规写法。

一.什么是事件对象?

事件对象是指javascript执行中触发DOM事件时产生的对象,比如事件的类型,事件的目标,这些都属于一个事件的对象,也称为事件对象event。

二.事件对象有哪些属性和方法呢?在网站建设过程中,我们常见的一共分为4种:

1.type-获取事件的类型,具体写法如下:

document.getEleventById("btn1").addEventListener("click");这里通过一个dom二级事件处理方式来获取id并添加句柄点击事件

function demo(event){};通过一个alert及event和type键名来获取事件的类型

2.获取事件的作用目标,具体写法如下:

function demo(event){};通过target获取事件的作用目标

3.阻止事件的冒泡,即事件的阻止,在对应的函数内加入event阻止事件冒泡,具体代码如下:

event.shotPropagation();

4.阻止事件的默认行为,比如阻止a链接的跳转行为,具体代码如下:

evet.preventDefault();

以上就是关于网站建设中javascript的事件对象及事件对象的属性和方法,本文由巩义网站建设-巩义全栈网络提供。

你可能感兴趣的:(网站建设之javascript事件对象及代码写法)