JS API 事件監聽

在這里插入圖片描述
在這里插入圖片描述

在這里插入圖片描述
焦點事件案例:搜索框激活下拉菜單

事件對象

事件對象存儲事件觸發時的相關信息

可以判斷用戶按鍵,點擊元素等內容

如何獲取

事件綁定的回調函數中的第一個形參就是事件對象
一般命名為e,event

事件對象常用屬性

type類型 click mouseenter
clientX/clientY 觸發時鼠標相對于瀏覽器右上角的位置
offsetX offsetY 相對于當前DOM元素的位置
key 用戶按下鍵盤的值

字符串.trim方法去除左右兩端空格

環境對象

函數內部變量 指向當前環境
this指向當前window對象 普通函數指向window

在回調函數中 指向函數的調用者

回調函數

當函數A作為參數傳遞給函數B時,A為回調函數

例子:定時器函數
setInterval(fn,1000) fn為定時器函數的回調函數

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/900345.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/900345.shtml
英文地址,請注明出處:http://en.pswp.cn/news/900345.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

DDD與MVC擴展能力對比

一、架構設計理念的差異二、擴展性差異的具體表現三、DDD擴展性優勢的深層原因四、MVC擴展性不足的典型場景五、總結:架構的本質與選擇六、例子1)場景描述2)MVC實現示例(三層架構)3)DDD實現示例&#xff08…

針對 SQL 查詢中 IN 子句性能優化 以及 等值 JOIN 和不等值 JOIN 對比 的詳細解決方案、代碼示例及表格總結

以下是針對 SQL 查詢中 IN 子句性能優化 以及 等值 JOIN 和不等值 JOIN 對比 的詳細解決方案、代碼示例及表格總結: 問題 1:IN 的候選值過多(如超過 1000 個) 問題描述 當 IN 列表中的值過多時,SQL 會逐個比較每個值…

手部穴位檢測技術:基于OpenCV和MediaPipe的實現

手部穴位檢測是醫學和健康管理領域的重要技術之一。通過準確識別手部的關鍵穴位,可以為中醫診斷、康復治療以及健康監測提供支持。本文將介紹一種基于OpenCV和MediaPipe的手部穴位檢測方法,展示如何利用計算機視覺技術實現手部關鍵點的檢測,并進一步標注手部的穴位位置。 技…

Day20 -自動化信息收集工具--ARL燈塔的部署

準備: 純凈的Docker環境 ARL的包 一、Docker的部署 00x1 更新系統包 sudo apt update 00x2 安裝必要的依賴包 sudo apt install -y apt-transport-https ca-certificates curl software-properties-common 00x3 下載docker和docker-compose apt-get install do…

sqlalchemy查詢json

第一種:字段op是json格式: {"uid": "cxb123456789","role": 2,"op_start_time": 1743513707504,"op_end_time": 1743513707504,"op_start_id": "op_001","op_end_id"…

搭建K8S-1.23

0、簡介 這里只用3臺服務器來做一個簡單的集群 地址主機名192.168.160.40kuber-master-1192.168.160.41kuber-master-2192.168.160.42kuber-node-1 1、關閉三個服務 (1)防火墻 systemctl stop firewalld (2)Selinux setenf…

初階數據結構--樹

1. 樹的概念與結構 樹是?種?線性的數據結構,它是由 n(n>0) 個有限結點組成?個具有層次關系的集合。把它叫做 樹是因為它看起來像?棵倒掛的樹,也就是說它是根朝上,?葉朝下的。 有?個特殊的結點,稱…

硬件工程師面試問題(五):藍牙面試問題與詳解

藍牙技術作為物聯網與智能設備的核心無線協議,其硬件設計能力直接影響產品連接穩定性、功耗及兼容性。面試是評估候選人射頻電路設計、天線優化、協議棧調試等綜合技能的關鍵環節,尤其在BLE低功耗設計、共存抗干擾等場景中,硬件工程師的實踐經…

Redis-基本數據類型

Redis支持的基本數據類型:String、hash、list、Set、Zset 一、String 特點 可以存儲三種類型 int、float、string 運用場景 緩存:存儲HTML片段、用戶會話(Session)計數器:網站訪問量、點贊數(incr方法&am…

Tomcat的部署

Tomcat 服務器是一個免費的開放源代碼的Web 應用服務器,屬于輕量級應用服務器,在中小型系統和 并發訪問用戶不是很多的場合下被普遍使用,Tomcat 具有處理HTML頁面的功能,它還是一個Servlet和 JSP容器 官網:Apache Tomcat - Welco…

Linux的TCP連接數到達2萬,其中tcp_tw、tcp_alloc、tcp_inuse都很高,可能出現什么問題

當 Linux 系統的 TCP 連接數達到 2 萬,且 /proc/net/sockstat 中的 tcp_tw(TIME_WAIT 連接)、tcp_alloc(已分配但未完全建立的連接)和 tcp_inuse(正在使用的連接)均處于高位時,可能會引發以下問題: 一、關鍵指標分析 通過 /proc/net/sockstat 可以查看 TCP 連接狀態:…

服務器數據恢復—Raid6陣列硬盤故障掉線,上層虛擬機數據如何恢復?

服務器數據恢復環境&故障: 一臺由16塊硬盤組成的raid6磁盤陣列。磁盤陣列中有一塊硬盤因為物理故障掉線,導致服務器上層虛擬機無法正常使用,部分分區丟失,重啟物理服務器后發現數據丟失。 服務器數據恢復過程: 1、…

Unhandled exception: org.apache.poi.openxml4j.exceptions.InvalidFormatException

代碼在main方法里面沒有報錯,在Controller里面就報錯了。 原來Controller類里面少了行代碼 import org.apache.poi.openxml4j.exceptions.InvalidFormatException; 加上去就解決了。

RISC-V debug專欄2 --- Debug Module(DM)

Debug Module(DM)的核心功能 DM 就像一個翻譯官,負責把調試器的抽象指令(比如 “暫停處理器”)轉換成硬件能聽懂的具體操作。它必須實現以下基本功能: 必要功能(必須實現)&#xff…

infinityfree最新免費建站詳細教程_無需備案_5G空間_無限流量_免費域名_免費SSL

一、明確目標—是否要使用 1.為什么選擇InfinityFree? 對于初學者、學生或只是想嘗試網站搭建的個人用戶來說,InfinityFree提供了一個絕佳的免費解決方案。這個國外免費的虛擬主機服務提供: 5GB存儲空間 - 足以存放個人博客、作品集或小型…

我與數學建模之終章

自美賽失利之后,就開始忙活別的了,因為數學競賽國賽當時還沒收到通知,所以就在準備寫論文,最后論文拿去交挑戰杯競賽了,拿了個校一省一國三。 在寫論文過程中,通知去上海參加數學競賽,其實當時…

大學生機器人比賽實戰(三)經驗篇

大學生機器人比賽一等獎實戰指南:從組隊到奪冠的全流程策略 參加大學生機器人比賽并斬獲一等獎是許多理工科學子的夢想,這不僅是對技術能力的認可,更是未來深造和就業的重要加分項。本文將從團隊組建、技術攻關、項目管理、比賽策略和心理建…

關于UDP端口掃描概述

盡管互聯網上大多數流行服務都基于 TCP 協議運行,但 UDP 服務也廣泛部署。DNS、SNMP 和 DHCP(注冊端口 53、161/162 和 67/68)是最常見的服務之一。 由于 UDP 掃描通常比 TCP 掃描更慢、更困難,一些安全審計人員可能會忽略這些端…

美團滑塊 分析

聲明 本文章中所有內容僅供學習交流使用,不用于其他任何目的,抓包內容、敏感網址、數據接口等均已做脫敏處理,嚴禁用于商業用途和非法用途,否則由此產生的一切后果均與作者無關! 逆向過程 距離識別不準簡單學習一下&…

SpringBoot配置文件多環境開發

目錄 一、設置臨時屬性的幾種方法 1.啟動jar包時,設置臨時屬性 ?2.idea配置臨時屬性 3.啟動類中創建數組指定臨時屬性 二、多環境開發 1.包含模式 2.分組模式 三、配置文件的優先級 1.bootstrap 文件優先: 2.特定配置文件優先 3.文件夾位置優…