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

article/2025/10/23 20:04:07

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

本文实例讲述了html的DOM中Event对象onblur事件用法。分享给大家供大家参考。具体分析如下：

onblur 事件会在对象失去焦点时发生。

语法如下：

复制代码 代码如下:

οnblur="SomeJavaScriptCode"

SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：

, ,

, , , , ,
,

, , , , , , , ,, , , , , to , , ,

, , , , , , , ,

,

  1. ,

, 

, , , ,

, , ,

, , , , ,, , , , ,

支持该事件的 JavaScript 对象：

button, checkbox, fileUpload, layer, frame, password,

radio, reset, submit, text, textarea, window

例子：在用户离开输入框时执行 JavaScript 代码：

复制代码 代码如下:

function upperCase()

{

var x=document.getElementById("fname").value

document.getElementById("fname").value=x.toUpperCase()

}

输入您的姓名：

希望本文所述对大家的javascript程序设计有所帮助。

时间： 2015-01-20

但感觉这样写很没意思. jquery的优势就是简单的代码就能带来更好的用户体验. 所以就找几个我感觉实用的例子,拿出来介绍下.顺带把其中用到的操作和事件介绍下. html代码: jquery代码: 复制代码 代码如下: $(document).ready(function(){ $('#address').focus(function(

今天这个demo是有关下拉框的. 复制代码 代码如下:

选项10){} 或者if($("#tt")[0]){}; 2, 基本选择器 $("#test") 选择id为test的元素 $(".test

6b5aa0751a6f1e6a9d0b665a02cc1f46.gif

对于用户事件类型而言,最常用的是鼠标.键盘.浏览器. 1.鼠标事件: 鼠标的事件都频繁使用,下面例子就测试各种鼠标事件 复制代码 代码如下:

1.冒泡型事件 浏览器的事件模型分两种:捕获型事件和冒泡型事件.由于ie不支持捕获型事件,所以以下主要以冒泡型事件作为讲解. (dubbed bubbling)冒泡型指事件安装最特定的事件到最不特定的事件逐一触发. 复制代码 代码如下:

       
           

与keypress不同的是,该事件只会在用户输入可视字符时触发,而keypres事件则只要按下键即触发(如CapsLock,Backspace). 可看到textInput考虑的主要是字符,可以通过事件对象的data属性获取所输入字符. 示例 DOM3 event textInput function addEvent(el,type,fn){ if(el.addEventListener){ el.addEventListener(type, fn, false); }else{ el.att

很显然,这样做能提升更好的用户体验. html代码: 复制代码 代码如下:

用户名: blank.gif

浏览器中的事件都是以对象的形式存在的,同样ie浏览器与标准dom浏览器之间存在获取事件对象上也存在差别.在ie浏览器中事件对象是windows对象的一个属性event,访问通常采用如下方法. 复制代码 代码如下: oP.onclick = function(){ var oEvent = window.event; } 尽管它是window对象属性,但event对象还是只能在事件发生时被访问,所有的事件处理函数执行完之后,该对象就消失了. 而标准的dom规定event对象必须作为唯一的参数传给事

本文实例讲述了html的DOM中Event对象onabort事件用法.分享给大家供大家参考.具体分析如下: onabort 事件会在图像加载被中断时发生. 当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮)时,就会调用该句柄. 语法: 复制代码 代码如下: οnabοrt="SomeJavaScriptCode" SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScript. 支持该事件的 HTML 标签: 支持该事件

在之前dom操作中提到了javascript对事件处理的介绍.由于不同浏览器处理事件各不相相同,这给开发者带来了不必要的麻烦,jQuery的方便的解决了这个方面的麻烦. 1.绑定事件监听 (http://www.jb51.net/article/60096.htm)对事件的监听做了详细的介绍,看到了iE和DOM标准浏览器对待事件监听的区别,并对多个监听事件执行顺序和方式也不相同. 在jQuery中,通过bind()对事件绑定,相当于IE浏览器的attachEvent()和标准DOM的addEve

unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件.如果没有参数,则删除所有绑定的事件.你可以将你用bind()注册的自定义事件取消绑定.如果提供了事件类型作为参数,则只删除该类型的绑定事件.如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除. 返回值 : jQuery 参数 : type (String) : (可选) 事件类型 data (Function) : (可选) 要从每个匹配元素的事件中反绑定的事

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况:

假设我们要给ul动态添加的绑定click事件形成如下结果
apple

这篇文章主要介绍了微信小程序页面调用自定义组件内的事件详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 page page.json { "usingComponents": { "my-component": "../components/component/component", } } page.wxml

定义和用法 fadeOut() 方法逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果). 注释:隐藏的元素不会被完全显示(不再影响页面的布局). 提示:该方法通常与 fadeIn() 方法一起使用. 语法 $(selector).fadeOut(speed,easing,callback) 1. 概述 jquery实现动画效果的函数使用起来很方便,不过动画执行是异步的,所以要把自定义的操作放在回调函数里. 2. example

俗说好记性不如个烂笔头,下面是jquery中的ajax方法参数详解,这里整理了一些供大家参考. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. 4.async:

jQuery:unbind方法的使用详解 一.前言 unbind方法只能解绑用jQuery的bind方法以及用jquery方法注册的事件处理程序.比如:$('a').click(function(){})可以通过unbind解绑.用原生addEventListener以及IE下的attachEvent注册的事件以及使用onclick/onmouseover属性绑定的事件不能通过unbind进行解绑. 例如: 以下的事件可以通过unbind解绑: $('a').click(function(){}

2019619155130692.jpg?2019519155245

先在官网下载easyui文档 引入头部文件


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

相关文章

onBlur事件与onfocus事件 （js）

onBlur事件与onfocus事件 （js）

jQuery 参考手册 - 事件 一、jQuery的 onBlur方法 定义和用法 1、当元素失去焦点时发生 blur 事件。 2、blur() 函数触发 blur 事件，或者如果设置了 function 参数，该函数也可规定当发生 blur 事件时执行的代码。 提示：早前，…
阅读更多...
利用onblur事件实现文本框中英文字母全部转换成大写

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

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

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事件的区别

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

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

onblur事件和onfocus事件失效

先看onblur事件和onfocus事件的定义&#xff1a; <element οnblur"SomeJavaScriptCode"> <element οnfοcus"SomeJavaScriptCode"> 双引号中的内容是一段js代码&#xff0c;也可以是一个事件函数 在看几个例子&#xff1a; <!DOCTYPE htm…
阅读更多...
html onblur 函数执行了2次,JavaScript“onblur事件”调用函数失效 原因与解决方法

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

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

js onfocus事件、js onblur事件

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

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和onchange

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

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

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

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

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

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接口及驱动

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——读写SD卡

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

SDIO接口介绍

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

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卡寄存器

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总线（一）

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

[SDIO].SDIO总线详解

转自&#xff1a;https://blog.csdn.net/liuhan33025/article/details/51131848 SDIO接口是在SD内存卡接口的基础上发展起来的接口&#xff0c;SDIO接口兼容以前的SD内存卡&#xff0c;并且可以连接SDIO接口的设备。 SDIO1.0标准定义了两种类型的SDIO卡&#xff1a; 全速的SDIO…
阅读更多...
推荐文章

Copyright @ 2022~2023