文档章节

EventDOM:事件DOM

人间四月
 人间四月
发布于 2015/12/10 14:08
字数 457
阅读 15
收藏 0

精选30+云产品,助力企业轻松上云!>>>

EventDOM:事件DOM

  • 事件简介:

    • 事件主要实现“用户与网页的交互”,当事件发生时,去执行JS功能代码。

  • 常用事件:

    • onload:网页加载完成时

    • onclick:当点击时,所有标记都适用

    • onscroll:当拖动滚动条时

    • ommouseover:当放上鼠标时

    • onmouseout:当鼠标移开时

    • onsubmit:当提交表单时,(做表单验证)

    • onreset:当重置表单时

    • onfocus:当获得焦点时,把光标定位到文本框中

    • onblur:当失去焦点时,把光标从文本框中移开

    • onchange:当下拉列表内容改变时,用在下拉列表、上传文件。。。

    • onselect:当选中文本时

    • onresize:当改变窗口大小时,发生的事件

  • 事件句柄属性:

    • HTML标记,都有相应的事件属性。

    • 每一个HTML标记,都对应一个元素对象,元素对象也具有相应的事件属性。

    • 注意,元素对象的事件属性应该是全小写。

    • 事件属性后面调用的一般是JS函数,通过JS函数来完成相应的功能。


  • Event对象简介:

        当事件发生时,向调用函数,传递一个event参数,这个event参数是一个事件对象。

        该event对象中记录了当前事件发生的环境信息,如:单机时的坐标,事件类型等。

        注意:这个event是短暂存在的,新的event产生,原来的就消失了。


  • DOM中的Event对象
    • DOM中引入Event对象(DOM浏览器就是标准浏览器)

      • 在DOM中,event对象是作为事件调用函数时的参数,传递给函数的

      • 在event参数,是系统固定写法,全部小写,不能加引号,event对象参数。

    • 使用元素对象的事件属性来传递event对象

上一篇: form对象
下一篇: CSS DOM动态样式
人间四月
粉丝 2
博文 74
码字总数 30455
作品 0
朝阳
程序员
私信 提问
加载中
请先登录后再评论。
DOM官方定义

DOM Document Object Model 文档对象模型 DOM的官方定义:W3C的DOM,可以使程序或者脚本(JS或ASJScript),动态的访问或者操作文档的内容、结构、样式。 DOM只是一个标准,操作网页的标准。...

前端老手
2019/09/17
11
0
JavaScript DOM事件模型

  早期由于浏览器厂商对于浏览器市场的争夺,各家浏览器厂商对同一功能的JavaScript的实现都不进相同,本节内容介绍JavaScript的DOM事件模型及事件处理程序的分类。   1、DOM事件模型。D...

osc_030273w2
2019/03/17
7
0
理解:javascript中DOM0,DOM2,DOM3级事件模型

理解:javascript中DOM0,DOM2,DOM3级事件模型 javascript中的事件 javascript程序使用的是事件驱动的设计模式,为一个元素添加事件监听函数,当这个元素的相应事件被触发那么其添加的事件监听...

mamadu
2017/10/13
0
0
onload 和 domready

博客地址:https://ainyi.com/46 window.onload 事件会在页面或图像加载完成后触发(即所有元素的资源都下载完毕) 如果页面上有许多图片、音乐或 falsh 还没加载完成,onload 事件就会迟迟无...

osc_vsbo2lb1
2018/10/12
1
0
【Vue原理】Event - 白话版

写文章不容易,点个赞呗兄弟 专注 Vue 源码分享,文章分为白话版和 源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧研究基于 Vue版本 【2.5.17】 如果你觉得排版...

神仙朱
2019/07/10
30
0

没有更多内容

加载失败,请刷新页面

加载更多

题解-洛谷P4724 【模板】三维凸包

洛谷P4724 【模板】三维凸包 给出空间中 \(n\) 个点 \(p_i\),求凸包表面积。 数据范围:\(1\le n\le 2000\)。 这篇题解因为是世界上最逊的人写的,所以也会有求凸包体积的讲解。 三位向量的...

osc_srnunz15
57分钟前
11
0
关于RNN (循环神经网络)相邻采样为什么在每次迭代之前都需要将参数detach

关于RNN (循环神经网络)相邻采样为什么在每次迭代之前都需要将参数detach 这个问题出自《动手学深度学习pytorch》中RNN 第六章6.4节内容,如下图所示: 当时看到这个注释,我是一脸懵逼,(...

osc_rl6hs0bo
58分钟前
11
0
为什么 wait 方法要在 synchronized 中调用?

作者:Yujiaao https://segmentfault.com/a/1190000019962661 一个有难度的 Java 问题,wait 和 notify。 它们是在有 synchronized 标记的方法或 synchronized 块中调用的,因为 wait 和 no...

Java技术栈
59分钟前
27
0
【退役贴】真·蒟蒻的acm感悟&回忆

窝是一只打过铁费了很大力气仍然只能大四拿铜的辣鸡的辣鸡的辣鸡…… 窝是一只打过铁费了很大力气仍然只能大四拿铜的辣鸡的辣鸡的辣鸡…… 窝是一只打过铁费了很大力气仍然只能大四拿铜的辣鸡...

osc_sqfqhs81
59分钟前
14
0
查询反模式 - GroupBy、HAVING的理解

为了最简单地说明问题,我特地设计了一张这样的表。    一、GROUP BY单值规则   规则1:单值规则,跟在SELECT后面的列表,对于每个分组来说,必须返回且仅仅返回一个值。   典型的表现...

osc_n87a5jpv
今天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部