js事件和数组

最新推荐文章于 2024-05-14 05:39:29 发布

一波王炸

最新推荐文章于 2024-05-14 05:39:29 发布

阅读量333

点赞数

本文链接：https://blog.csdn.net/weixin_48286699/article/details/109773165

版权

本文介绍了JavaScript中的事件，包括鼠标事件、键盘事件和状态事件，并以onload为例进行了详细说明。此外，还探讨了数组的一些常用方法，如push、concat、pop、splice、reverse、join、unshift和shift，帮助读者理解如何操作和修改数组。

摘要由CSDN通过智能技术生成

js事件

事件是用户在访问页面时执行的操作。当浏览器探测到一个事件时，比如用鼠标单击或按键，它可以触发与这个事件相关联的 JavaScript 对象，这些对象称为事件处理程序（ event handler）。

【鼠标事件：】

onclick(); // 鼠标点击时触发。相当于一次onmousedown与onmouseup。

ondblclick();// 鼠标双击事件。

onmousedown();// 鼠标落下事件。
    
onmouseup();// 鼠标弹起事件。

onmouseover();// 鼠标悬浮事件。

onmouseout();// 鼠标离开事件。

【键盘事件：】

onkeydown();// 键盘落下事件。

onkeyup();// 键盘弹起事件。

【状态事件：】

onload();// 是页面加载事件,当用户进入页面而且所有页面元素都完成加载时，就会触发这个事件。

onunload();// 当用户离开网页时，就会触发 onunload 事件处理程序（慎用）。

onchange();// 是值改变事件，当值发生改变时触发。多用于下拉选择框（<select> <option>）的值改变事件处理。

onfocus();// 获取光标事件/光标移入事件。（比如点击一个文本框，那么会有一个光标在闪）

onblur();// 鼠标的光标切换时触发。（比如光标从一个文本框移入另一个文本框）

onerror();// 当页面上发生 JavaScript 错误时，可能会触发 onerror 事件处理程序。

onsubmit();// 是表单提交事件，在点击提交按钮时触发。提交按钮触发时，先调用onsubmit方法，若该方法返回true，则提交表单，返回false则不提交。
           // 常用于拦截提交的目的。 如果没有此事件，那么不管输入的数据是否正确，其都能正确跳转页面。

【以onload为例：】

<body onload="start();"></body>

<!-- 
    图片轮播
    要求：
        1、在页面上增加一组图片。
        2、默认显示为第一章。
        3、设置每N秒切换下一张图片并显示。
 -->

<!DOCTYPE html>
<html>
    <head>
        <title>图片轮播</title>
        <meta charset="utf-8" />
        <style type="text/css"

最低0.47元/天解锁文章

一波王炸

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js事件和数组

js事件事件是用户在访问页面时执行的操作。当浏览器探测到一个事件时，比如用鼠标单击或按键，它可以触发与这个事件相关联的 JavaScript 对象，这些对象称为事件处理程序（ event handler）。【鼠标事件：】onclick(); // 鼠标点击时触发。相当于一次onmousedown与onmouseup。ondblclick();// 鼠标双击事件。onmousedown();// 鼠标落下事件。 onmouseup();// 鼠标弹起事件。onmouseover()
复制链接

扫一扫