JavaScript事件详解：点击、加载、滚动等核心事件

需积分: 34 42 浏览量更新于2024-09-10 收藏 18KB DOC 举报

"JavaScript常用事件和相关方法" JavaScript作为前端开发的核心语言之一，提供了丰富的事件来处理用户交互。以下是对这些事件的详细说明： 1. onclick事件：当用户点击指定对象（如按钮、复选框、单选钮等）时触发。例如，在HTML中，可以将onClick属性添加到元素上以在点击时执行特定函数。 2. onLoad事件：页面完全加载完成后触发。通常用于在页面加载完毕后执行某些初始化操作。这个事件只能写在<body>标签内。 3. onScroll事件：当用户滚动浏览器窗口时触发，常用于实现滚动条特效或者监听滚动位置变化。 4. onBlur事件：当元素失去焦点时触发，比如用户从文本框移开光标。它与onFocus事件相对应，后者在元素获得焦点时触发。 5. onFocus事件：用户将光标放入元素（如文本框、多行文本域或选择框）内时触发，用于实现聚焦时的特殊效果。 6. onChange事件：当文本框的值发生变化或者select元素的选项被更改时触发，常用于实时验证或更新数据。 7. onSubmit事件：在<form>表单提交时触发，可以用来进行表单验证。返回值为布尔类型，如果为false则阻止表单提交。 8. onKeyDown事件：在用户按下键盘按键时触发，常用于捕捉特定键的按下事件，如快捷键操作。 9. setTimeout()函数：设置一个定时器，指定的时间（毫秒）后执行传入的函数。如果需要取消定时器，可以使用clearTimeout()。 10. onMouseOver和onMouseOut事件：鼠标进入和离开某个元素时触发，常用于实现悬停效果。 11. onMouseMove事件：鼠标在元素内部移动时连续触发，常用于实现鼠标跟随效果。 12. onMouseUp和onMouseDown事件：鼠标按钮释放和按下时触发，用于实现拖放等交互功能。 JavaScript中的document对象提供了一些常用方法，例如： 1. document.getElementById()：通过元素的id找到唯一的HTML元素，是获取元素的最常用方法。 2. document.getElementsByName()：通过元素的name属性找到一组元素，常见于处理复选框和单选钮。此外，JavaScript的Date对象允许处理日期和时间，以下是一些常用方法： 1. new Date()：创建一个Date对象，表示当前日期和时间。 2. getYear()和getFullYear()：分别返回两位数和四位数的年份。 3. getMonth()：返回0-11之间的月份，注意不包含12。 4. getDate()：返回月份中的日期数。 5. getDay()：返回一周中的星期几（0-6，周日为0）。 6. getHours(), getMinutes(), getSeconds()：分别返回当前的小时、分钟和秒数。了解并熟练掌握这些JavaScript事件和对象方法，对于构建交互丰富的Web应用程序至关重要。

JavaScript 常用事件

常用事件：

1.onclick 鼠标单击事件

通常在下列基本对象中产生：

button（按钮对象）

checkbox（复选框）或（检查列表框）

radio （单选钮）

reset buttons（重要按钮）

submit buttons（提交按钮）

例如可通过下列按钮激活 change()文件：

<Form>

<Input type="button" Value=""

onClick="change()">

</Form>

2.onLoad 页面加载事件：当页面加载时，自动调用函数

（方法）。注意：此方法只能写在<body>标签之中！

3.onScroll 窗口滚动事件：当页面滚动时调用函数。注意：

此事件写在方法的外面，且函数名（方法名）后不加括号

例：window.onscroll=move;

4.onBlur 失去焦点事件：当光标离开文本框是触发调用函

数。

当 text 对象或 textarea 对象以及 select 对象不再拥有焦

下载后可阅读完整内容，剩余3页未读，立即下载

三更灯火

粉丝: 0
资源: 2

JavaScript事件详解：点击、加载、滚动等核心事件

掌握JavaScript常用事件：示例代码全面解析

JavaScript常用事件及其安全应用

Javascript 常用事件及页面刷新、表单元素获取、阻止表单提交、正则表达式、SQL中delete与truncate的区别

JavaScript常用事件

javaScript常用事件命令

JavaScript常用事件介绍

javascript常用事件应用

计算机后端-Java-油管上最火的Web前端教程18 JavaScript 常用事件绑定、事件监听实战 2.mp4

javaScript中常用事件

JavaScript鼠标常用事件列表

最新资源