文档章节

EventDOM:事件DOM

人间四月
 人间四月
发布于 2015/12/10 14:08
字数 457
阅读 12
收藏 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对象

© 著作权归作者所有

共有 人打赏支持
人间四月
粉丝 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
如何优雅的封装一个DOM事件库

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

余大彬
08/11
0
0
浏览器Document Ready事件捕获策略

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

con
2014/05/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

MySQL 乱七八糟的可重复读隔离级别实现

MySQL 乱七八糟的可重复读隔离级别实现 摘要: 原文可阅读 http://www.iocoder.cn/Fight/MySQL-messy-implementation-of-repeatable-read-isolation-levels 「shimohq」欢迎转载,保留摘要,谢...

DemonsI
50分钟前
2
0
Spring源码阅读——2

在阅读源码之前,先了解下Spring的整体架构: 1、Spring的整体架构 1. Ioc(控制反转) Spring核心模块实现了Ioc的功能,它将类与类之间的依赖从代码中脱离出来,用配置的方式进行依赖关系描...

叶枫啦啦
今天
1
0
jQuery.post() 函数格式详解

jquery的Post方法$.post() $.post是jquery自带的一个方法,使用前需要引入jquery.js 语法:$.post(url,data,callback,type); url(必须):发送请求的地址,String类型 data(可选):发送给后台的...

森火
今天
0
0
referer是什么意思?

看看下面这个回答(打不开网页可以把网址复制到搜索栏): https://zhidao.baidu.com/question/577842068.html

杉下
今天
1
0
使用U盘安装CentOS-解决U盘找不到源

1. 使用UltraISO制作CentOS安装盘 如果需要安装带界面的系统,为保证安装顺利,可选择Everything版本的ISO制作安装盘。 2. 在BIOS中选择使用U盘安装 系统启动后,进入安装选择界面,其中有三...

Houor
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部