文档章节

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
浏览器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

没有更多内容

加载失败,请刷新页面

加载更多

使用JDK自带的jmap和jhat监控处于运行状态的Java进程

对于处于运行状态中的Java进程,JDK自带了很多工具,允许Java开发人员监控运行进程中的各种状态,比如该进程内部创建了多少个对象实例,消耗了多少内存,等等。 本文基于JDK1.8而写成。 我下...

JerryWang_SAP
3分钟前
0
0
下单接口调优实战,性能提高10倍

概述 最近公司的下单接口有些慢,老板担心无法支撑双11,想让我优化一把,但是前提是不允许大改,因为下单接口太复杂了,如果改动太大,怕有风险。另外开发成本和测试成本也非常大。对于这种...

Sam哥哥聊技术
35分钟前
2
1
rabbitMQ的安装和配置

在Windows下进行rabbitMQ的安装 第一步:软件下载 在安装rabbitMQ之前,需要先安装Erlang。 Erlang官网:http://www.erlang.org/downloads rabbitMQ官网:http://www.rabbitmq.com/download....

狼王黄师傅
55分钟前
3
0
Vue-Element-Upload

记录一下文件上传封装Js 代码示例 封装:uploadFile.vue <template> <el-upload v-model="attachment" ref="upload" class="upload-demo" :action="uploadUrl" ......

华山猛男
今天
4
0
AWVS破解及使用手册

1.安装 因为是windows软件,比较简单,此部分略: 破解插件下载: 链接: https://pan.baidu.com/s/1x9LK9F3KvqDgTvXDjoSZnQ 提取码: 7k4u 2.创建扫描目标 2-1.Targets->Add Target 2-2.对话框...

硅谷课堂
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部