JavaScript——onblur事件失效问题解决方案

article/2025/10/23 18:08:05

基本概念 

问题分析 

改了写法,把事件写在函数里,然后直接调用,发现一直提示函数未定义,这个和浏览器渲染页面过程有关,就是当浏览器渲染到该标签时,事件函数还没定义,就报错。

解决方案

添加监听事件即可

input.addEventListener('blur',function(){我是一个函数啦啦啦!});

如果要兼容ie8要用 attachEvent

参考文章

https://www.w3school.com.cn/jsref/event_onblur.asp

https://www.cnblogs.com/shuen/p/9113103.html

https://www.cnblogs.com/binmo/p/8393578.html


http://chatgpt.dhexx.cn/article/dEcIfDS1.shtml

相关文章

html dom onblur,html的DOM中Event对象onblur事件用法实例

html的DOM中Event对象onblur事件用法实例 本文实例讲述了html的DOM中Event对象onblur事件用法。分享给大家供大家参考。具体分析如下: onblur 事件会在对象失去焦点时发生。 语法如下: 复制代码 代码如下: οnblur"SomeJavaScriptCode" SomeJa…

onBlur事件与onfocus事件 (js)

jQuery 参考手册 - 事件 一、jQuery的 onBlur方法 定义和用法 1、当元素失去焦点时发生 blur 事件。 2、blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。 提示:早前,…

利用onblur事件实现文本框中英文字母全部转换成大写

利用onblur事件实现文本框中英文字母全部转换成大写 <body>文本框中输入&#xff1a;<input type"text" id"inp" value"" onblur"aA()" /><br><br>失去焦点后&#xff1a;<input type"text" id…

onfocus 事件onblur 事件

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <head> <script> function myFunction(x){x.style.background"red"; } </script> <…

js中 onblur事件和onchange事件的区别

onchange事件&#xff1a;会判断输入框中的内容是否和原来的内容相同&#xff0c;和原来的内容相同则不会出现提示框&#xff0c;不相同才出现提示框 现在数量是 2 修改为 2 &#xff0c;没有出现提示框 修改为其他内容&#xff1a;出现提示框

onblur事件和onfocus事件失效

先看onblur事件和onfocus事件的定义&#xff1a; <element οnblur"SomeJavaScriptCode"> <element οnfοcus"SomeJavaScriptCode"> 双引号中的内容是一段js代码&#xff0c;也可以是一个事件函数 在看几个例子&#xff1a; <!DOCTYPE htm…

html onblur 函数执行了2次,JavaScript“onblur事件”调用函数失效 原因与解决方法

由于JavaScript事件有很多,例如: 鼠标事件:onclick 键盘事件:onkeydown、onkeypress 表单事件:onblur、onchange 窗口事件属性:onerror、onload 因此,如果你遇到其它的JavaScript事件调用函数失效,解决方法也同理。 以我这里为例子: 今天我在调试代码的时候,发现我的…

js onfocus事件、js onblur事件

onfocus事件&#xff1a; html元素获取到焦点所触发的事件&#xff0c;通常用于 <input>输入框标签&#xff0c;<select>下拉列表标签&#xff0c;以及<a>超链接标签&#xff0c;不是所有html元素都支持onfocus事件。 onblur事件: html元素失去焦点所触发的…

onblur事件

代码&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body><input type"text"id"user"><script>document.g…

onblur和onchange

onblur onblur 事件会在对象失去焦点时发生。 onblur 经常用于Javascript验证代码&#xff0c;一般用于表单输入框。 提示&#xff1a;onblur 相反事件为 onfocus 事件 。 案例&#xff1a; <body>文本框输入:<input type"text" name"" id"w…

JavaScript常用事件之onchange()事件、onblur()事件

一、onchange()事件 1、功能&#xff1a;onchange 事件会在域的内容改变时发生,也可用于单选框与复选框改变后触发的事件。 2、语法&#xff1a;οnchange"SomeJavaScriptCode" 参数&#xff1a;SomeJavaScriptCode&#xff08;必需。规定该事件发生时执行的 JavaS…

SD卡和SDIO

SD卡和SDIO SDIO &#xff08;1&#xff09;简介 SDIO&#xff0c;全称&#xff1a; Secure Digital Input and Output &#xff0c;即安全数字输入输出接口。它是在SD卡接口的基础上发展而来&#xff0c;它可以兼容之前的SD卡&#xff0c;并可以连接SDIO接口设备&#xff0c;…

SDIO

SDIO协议是由SD卡的协议演化升级而来的&#xff0c;很多地方保留了SD卡的读写协议&#xff0c;同时SDIO协议又在SD卡协议之上添加了CMD52和CMD53命令。由于这个&#xff0c;SDIO和SD卡规范间的一个重要区别是增加了低速标准&#xff0c;低速卡的目标应用是以最小的硬件开始来支…

SDIO 协议分析

http://blog.csdn.net/g_salamander/article/details/14167055 一、SD 存储卡特性介绍 1、存储容量 a、标准容量SD存储卡&#xff08;SDSC&#xff09;&#xff1a; 不大于2GB b、大容量SD存储卡&#xff08;SDHC&#xff09;&#xff1a; 大于2GB、不大于32GB c、超大容量SD存…

SDIO接口及驱动

1. 简介 1.1 SDIO接口应用场景 SDIO 通过 SD 的 I/O 管脚来连接外部的外围 device 并传输数据。这些外围设备&#xff0c;我们称为 SDIO 设备&#xff0c;常见的有&#xff1a; Wi-Fi card(无线网络卡)CMOS sensor card(照相模块)GPS cardGSM/GPRS modem cardBluetooth cardR…

SDIO——读写SD卡

SDIO的设备分类&#xff1a; SD / IO卡&#xff1a;这不是一种卡&#xff0c;现在已经不常用了&#xff0c;用到时再查。SD存储卡&#xff1a;分局容量不同有三种名字① < 2GB 的叫SDSC&#xff1b;② >2GB < 32GB的叫SDHC卡&#xff1b;>32GB < 2TB 的叫SDXC卡…

SDIO接口介绍

SDIO接口是在SD内存卡接口的基础上发展起来的接口&#xff0c;SDIO接口兼容以前的SD内存卡&#xff0c;并且可以连接SDIO接口的设备。 SDIO1.0标准定义了两种类型的SDIO卡&#xff1a; 1.全速的SDIO卡&#xff0c;传输率可以超过100Mbps&#xff1b; 2.低速的SDIO卡&#xf…

SDIO读写SD卡速度有多快?

前两天测试了SPI方式读写SD卡的速度《SPI方式读写SD卡速度测试》&#xff0c;今天来测试一下SDIO方式的读写速度。 测试条件&#xff1a; 单片机&#xff1a;STM32F407VET6 编译环境&#xff1a;MDK 5.30HAL库 SD卡&#xff1a;闪迪32GB/64GB TF卡 文件系统&#xff1a;FatFS R…

SDIO接口(2)——SD卡寄存器

1.SD卡寄存器 SDIO接口中定义了8个寄存器&#xff1a;OCR&#xff0c;CID&#xff0c;CSD&#xff0c;RCA&#xff0c;DSR&#xff0c;SCR&#xff0c;SSR&#xff08;仅sdio卡支持&#xff09;&#xff0c;CSR&#xff08;仅sdio卡支持&#xff09;。 这些寄存器只能通过对应…

SDIO总线(一)

SDIO接口是在SD内存卡接口的基础上发展起来的接口,SDIO接口兼容以前的SD内存卡,并且可以连接SDIO接口的设备。 SDIO1.0标准定义了两种类型的SDIO卡: 1.全速的SDIO卡,传输率可以超过100Mbps; 2.低速的SDIO卡,支援的时脉速率在0至400KHz之间。 SDIO协议是由SD卡的协议…