JavaScript初探（二）

最新推荐文章于 2025-12-05 08:37:05 发布

原创最新推荐文章于 2025-12-05 08:37:05 发布 · 308 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了JavaScript中处理HTML事件的方法及Windows对象的基本概念。详细列举了常见的鼠标、键盘、对象、表单和多媒体事件，并解释了如何通过HTML标签设置事件属性来响应这些事件。

windows对象：

JavaScript编程中，出了用DOM模型访问HTML页面中的内容，有时还需要访问和操作除HTML本身的一些信息，比如浏览器的窗口大小、HTTP网址等，这些信息通过windows对象及其子对象document、history、location、navigator的固有属相和方法进行访问

document

history

location

screen

navigator

HTML事件处理：

用户在浏览器的使用过程中，通常会产生一些事件，JS可以响应这些事件所执行的代码，称为HTML事件处理，事件响应是通过给HTML标签设置事件属性完成的

事件类型	应用的标签	事件	何时触发
鼠标事件	所有可见的元素，如<a><input><button>	onclick	单击对象
		oncontextmenu	单击鼠标右键打开上下文菜单
		ondbclick	双击
		onmousedown	鼠标被按下
		onmouseenter	鼠标指针被移动元素上
		onmouseleave	鼠标离开对象
		onmousemove	鼠标被移动
		onmouseover	鼠标指针被移动元素上
		onmouseout	鼠标指针被从对象上移开
		onmouseup	鼠标键被松开
		onwheel	鼠标滚轮在对象上下移动
键盘事件	所有可见的元素，如<a><input><button>	onkeydown	按键被按下
		onkeypress	按键被按下并松开
		onkeyup	按键被松开
对象事件	<img> <input type="image"> <object><script><style>	onerror	加载文档或图片时出错
	<img><body>	onabort	加载被中断
	<input type="image"> <body><link><script><style>	onload	一张页面或一副图像被完全加载
	所有可见的元素，如<a><input><button>	onresize	窗口或框架被重新调整大小
	<body><frameset>	onunload	用户退出页面
表单事件	<form>	onchange	表单元素内容改变时触发
		onfocus	获取焦点时触发
		oninput	元素获取用户输入时
		onreset	表单重置时
		onselect	用户选取文本时
		onsubmit	表单提交时
剪切事件	所有html元素	oncopy	用户复制元素内容时
		oncut	用户剪切元素内容时
		onpaste	用户粘贴元素内容时
多媒体音视频事件	<audio><video>	oncanplay	可以开始播放音、视频时
		onpause	暂停
		onplay	播放
		onprogress	浏览器下载指定音、视频时
		onseeked	用户重新定位音视频位置时
		onsuspend	浏览器读取媒体数据终止时
		onvolumechange	当前的播放位置发送改变时
		onended	播放完成时