文档章节

EventDOM:事件DOM

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

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
朝阳
程序员
私信 提问
理解:javascript中DOM0,DOM2,DOM3级事件模型

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

mamadu
2017/10/13
0
0
深入JavaScript事件处理

[toc] 事件:是文档或浏览器窗口中发生的特定的交互瞬间。 1. 事件流 指的是:从页面中接受事件的顺序。分为:事件冒泡流和事件捕获流。 事件冒泡: 事件捕获: 1.1 到底选择哪种 目前来说,...

AsuraDong
2017/11/19
0
0
html5知识点:DOM编程

DOM是Document Object Model的缩写,中文名称是文档对象模型。 DOM是处理HTML页面的标准编程接口,DOM可被JavaScript用来读取、改变HTML的内容和结构。 前端三大件指HTML、CSS、JavaScript,...

汪秦凯
2017/11/20
0
0
浏览器Document Ready事件捕获策略

Document Ready event的触发点是在是页面的DOM结构加载完毕之后,页面显示之前,与window对象的onload事件不同,document ready事件不需要等待其他外部资源加载完毕。因此多数Javascript框架...

con
2014/05/18
0
0
如何优雅的封装一个DOM事件库

1、DOM0级事件和DOM2级事件 DOM 0级事件是元素内的一个私有属性:div.onclick = function () {},对一个私有属性赋值(在该事件上绑定一个方法)。由此可知DOM 0级事件只能给元素的某一个行为绑...

余大彬
08/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java 使用 pinyin4j 生成汉字拼音

添加 pinyin4j jar包 <dependency> <groupId>com.belerweb</groupId> <artifactId>pinyin4j</artifactId> <version>2.5.0</version> ......

yh32
20分钟前
0
0
Deepin 安装wireshark抓包工具

一、关于deepin和wireshark deepin目前已经发展到15.8了,开发Android毫无压力,在四个月的使用时间里,已经非常习惯了。目前想处理一些网络问题,因此尝试在deepin上安装一个抓包工具。dee...

IamOkay
今天
6
0
Docker镜像仓库服务-Nexus

建立云原生集群系统,建立自己的私有Docker镜像仓库必不可少。一方面可以加快多节点部署容器镜像的下载速度,另一方面是为了安全(容器里存储有系统所有的信息、包括密码、数据库等等,切记不...

openthings
今天
6
0
127.0.0.1 和 0.0.0.0 地址的区别

1. IP地址分类 1.1 IP地址表示 IP地址由两个部分组成,net-id和host-id,即网络号和主机号。 net-id:表示ip地址所在的网络号。 host-id:表示ip地址所在网络中的某个主机号码。 即: IP-a...

华山猛男
今天
25
0
解决Unknown host 'd29vzk4ow07wi7.cloudfront.net'. You may need to adjust the proxy settings in Gradle.

把 总项目 下的 build.gradle 中的 两个 jcenter() 用 maven{ url ‘http://maven.aliyun.com/nexus/content/groups/public/’} 代替。...

lanyu96
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部