常用的JS HTML DOM 事件

HTML DOM 事件

HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。

事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。

提示： 在 W3C 2 级 DOM 事件中规范了事件模型。

DOM：指明使用的DOM属性级别。

鼠标事件

属性	描述	DOM
onclick	当用户点击某个对象时调用的事件句柄。	2
oncontextmenu	当用户点击鼠标右键打开上下文菜单时触发。
ondblclick	当用户双击某个对象时调用的事件句柄。	2
onmousedown	鼠标按钮被按下时触发。	2
onmouseup	鼠标按键被松开时触发。	2
onmouseenter	当鼠标指针移动到元素上时触发。	2
onmouseleave	当鼠标指针移出元素时触发。	2
onmouseover	鼠标移到某元素之上时触发。	2
onmouseout	鼠标从某元素移开时触发。	2
onmousemove	鼠标被移动时触发。	2

注释：onmouseenter、onmouseleave与 onmouseover、onmouseout的区别就是前者不会发生冒泡事件，其他基本相同。

键盘事件

属性	描述	DOM
onkeydown	某个键盘按键被按下时触发。	2
onkeypress	某个键盘按键被按下并松开时触发。	2
onkeyup	某个键盘按键被松开。	2

时间： 2024-08-11 05:45:43

常用的JS HTML DOM 事件的相关文章

【JS】DOM事件模型

DOM事件模型主要包含4个方面的内容,分别是: 事件流主流浏览器的事件模型事件对象注册与移除事件监听器下面一一了解下: 首先,什么是DOM?文档对象模型(DOM)是表示文档(比如HTML和XML)和访问.操作构成文档的各种元素的应用程序接口(API).一般的,支持Javascript的所有浏览器都支持DOM. 在DOM眼中,HTML跟XML一样是一种树形结构的文档,<html>是根(root)节点,<head>.<title>.<body>是<

几个常用的JS鼠标键盘事件例子

首先普及一下鼠标左右键值的相关方法: 1.event.x 鼠标横轴 2.event.y 鼠标纵轴 3.event.keycode 键盘值 4.events.button==0 默认.没有按任何按钮. 5.events.button==1 鼠标左键 6.events.button==2 鼠标右键 7.events.button==3 鼠标左右键同时按下 8.events.button==4 鼠标中键 9.events.button==5 鼠标左键和中键同时按下 10.events

JS结合DOM事件的使用

这是初始文字右边是一个测试文本框: 鼠标划过.点击.松开上面的文字都会有不同的效果,鼠标光标移到.离开文本框也会有不同的效果. 首先新建一个html文件 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-

js HTML DOM

什么是DOM 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). 通过HTML DOM,可访问js HTML文档的所有元素.HTML DOM模型被构造为对象的树. js查找HTML元素的三种方法: 1)通过id找到HTML元素 var x=document.getElementById("intro"); 2)通过标签名找到HTML元素 3)通过类型找到HTML元素 var x=document.getElementById("ma

从零开始的JS生活（二）——BOM、DOM与JS中的事件

上回书说道,JS中变量.运算符.分支结构.循环和嵌套循环等内容.本回就由本K给大伙唠唠JS中的BOM.DOM和事件. 一."花心大萝卜"--BOM 1.震惊,FFF团为何对BOM举起了火把--BOM简介 BOM(Browser Object Model) 是指浏览器对象模型,在JS中BOM是个不折不扣的花心大萝卜,因为它有很多个对象,其中代表浏览器窗口的Window对象是BOM的"正室".也就是最重要的,其他对象都是正室的下手.或者叫侧室也不足为过. 2.细数BOM

JS中的事件以及DOM 操作

[DOM树节点] DOM节点分为三大节点:元素节点,文本节点,属性节点. 文本节点,属性节点为元素节点的两个子节点通过getElment系列方法,可以去到元素节点 [查看节点] 1 document.getElementById("div1") 通过ID获取唯一的节点多个同名ID只会取到第一个 2 getElmentsName 通过Name取到一个数组,包含1到多个节点使用方式通过循环,取到每一个节点循环次数从0开始,<数组 length [查看和设置属

DOM 以及JS中的事件

js事件、自定义dom事件、自定义事件

本文参考资料是:高级编程语言第三版(13章事件和22章自定义事件). 本文涉及到: 事件的组成元素. 事件优化. 模拟事件. 自定义事件的内容 js事件是什么?高级程序13章第一句话说:js与html之间的交互是通过事件实现的.事件是浏览器或者用户自身执行的某种动作,例如我们最常用到的点击事件. 1:js事件事件流事件处理程序事件对象事件类型事件流:从页面上接收事件的顺序事件冒泡:概念事件从最具体的元素接收事件,然后逐级向上传播到较为不具体的元素.这个概念是由ie提出. <!DOCT

js中的Dom事件模型以及表格方面等内容

1.实现评论页面的制作 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #outside{ width: 1000px; margin: 0 auto; border: 1px solid #E7EAEE; overflow: hidden; pad