blur和change区别

2024-08-31

input输入框change和blur事件区别

blur与change事件在绝大部分的情况下表现都非常相似,输入结束后,离开输入框,会先后触发change与blur,唯有两点例外. 1.没有进行任何输入时,不会触发change 在这种情况下失焦后,输入框并不会触发change事件,但一定会触发blur事件.在判断表单的修改状态时,这种差异会非常有用,通过change事件能轻易地找到哪些字段发生了变更以及其值的变更轨迹. 2.输入后值并没有发生变更这种情况是指,在没有失焦的情况下,在输入框内进行的删除与输入操作,但最终的值与原值一样,这种情况

jq常用事件（on,blur,focus,change）,js/jq等待图片(页面)加载完毕事件,js读取文件

jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on( "click",function(ev) { ev.data.aaa // 跟js事件对象一样 }) // 方法二 $(".box").click( function(){} ) // 右键事件,取消系统默认事件 $('.sup').on('contextmenu'

input输入框的的input事件和change事件以及change和blur事件的区别

input输入框的 oninput事件 ,在用户输入的时候触发,只要元素值发生变化就会触发 input输入框的 onchange事件 ,要在输入框失去焦点的时候触发事件,当鼠标在其他地方点击一下才会触发 onchange 属性可以使用于:<input>, <select>, 和 <textarea> onblur是在失去焦点的时候起作用,不管文本的值是否有改变onchange是在失去焦点并且文本的值发生了改变的时候起作用,如果值没有改变或者输入框没有值(删除为空除外)则

mysql 中modify和change区别(以及使用modify修改字段名称报错)

使用modify修改字段报错如下: mysql> alter table student modify name sname char(16);ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'sname char(16)' at line

jQuery - focusin/focusout/focus/blur事件的区别与不同

focus与blur事件:不支持冒泡 focusin与focusout:支持冒泡事件触发顺序: 对于同时支持这4个事件的浏览器,事件执行顺序为focusin(聚焦) > focus > focusout(失焦) > blur HTML代码: <div class="parent"> <input type="text" /> </div> <div class="log"><

focus、input、keydown、keyup、change、blur方法的差异

focus.input.keydown.keyup.change.blur方法的差异: https://blog.csdn.net/yiifaa/article/details/52372022 blur与change事件在绝大部分的情况下表现都非常相似,输入结束后,离开输入框,会先后触发change与blur,唯有两点例外. 没有进行任何输入时,不会触发change 在这种情况下,输入框并不会触发change事件,但一定会触发blur事件.在判断表单的修改状态时,这种差异会非常有用,通过cha

从零开始学习jQuery (五) 事件与事件对象

本系列文章导航从零开始学习jQuery (五) 事件与事件对象一.摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言本篇文章是至今为止本系列内容最多的一篇, 足以可见其重要性. 大家反映要多列举示例. 我会在时间允许的情况下尽量多列举示例. 真正的投入生产使用的实例暂时还无法加入到文章中, 但是可能最后我会列举一些作品供大家借鉴. 另外本人水平有限, 因为我不是UI设计师. 文章可能有错误的地方,

BOM与事件

PPK谈JS学习笔记第二弹 JS的语言核心和DOM之间有一个过渡层,一般称为BOM,浏览器对象模型.是指JS的客户端实现,它不操作DOM,又不是JS的语言核心,它的主要功能是管理浏览器窗口,每个窗口都有各自独立的WINDOW对象,并使得它们可以彼此通信,window对象是BOM的核心.为了访问HTML文档的入口,window对象包含了document对象,反正document对象掌握着用户正在浏览的整个HTML页面.还有其他功能,window对象包含了LOCATION和HISTORY对象,一些交

jQuery入门（3）事件与事件对象

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应用一.事件与事件对象首先看一下我们经常使用的添加事件的方式: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t

jQuery学习笔记 - 基础知识扫盲入门篇

jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI纠正错误的脚本知识 2.常用的知识点 jquery的id选择器:$("#btnShow")事件绑定函数 bind()显示和隐藏函数show() hide()修改元素内部html的函数html() 仅仅凭借多浏览器支持这一特性,就足以让我们学习并使用jquery,因为

Jquery入门指南教程

林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库.jQuery是免费.开源的,使用MIT许可协议.jQuery的语法设计可以使开发者更加便捷,例如操作文档对象.选择DOM元素.制作动画效果.事件处理.使用Ajax以及其他功能.除此以外,jQuery提供API让开发者编写插件.其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态

Jquery操作

一.文档操作 1.内部插入:append(),appendTo(),prepend(): 2.外部插入:after(),before(): 3.删除操作:remove(),empty(): 4.克隆操作:clone(),例:$(“ul li:last”).clone().appendTo(“ul”) 二.属性操作 1. 获取属性:attr(): 2. 设置属性: (1)单个属性,attr(“属性名称”,“属性值”): (2)多个属性,元素.attr({“属性名称1”:“属性值1”,“属性名称2”

jQuery开发技术笔记

HTML DOM 加载步骤 1. 解析 HTML 结构 2.加载外部脚本和样式表文件 3.解析并执行脚本代码 4.构造 HTML DOM 模型 5.加载图片等外部文件 6.页面加载一.总体架构 1.1:jQuery 的核心特征: 兼容主流浏览器:支持 IE 6.0+.Chrome.Firefox 3.6+.Safari 5.0+.Opera等. 具有的特的链式语法和短小清晰的多功能接口. 具有

js打开新的链接

当前页面打开一个链接:window.location="URL" 打开一个新的页面,再打开一个新的链接:window.open(URL,窗口名称,窗口风格) window对象具有如下属性: status statusbar statusbar.visible defaultstatus location locationbar locationbar.visible self name closed frames frames.length length document histor

全栈必备 JavaScript基础

1995年,诞生了JavaScript语言,那一年,我刚刚从大学毕业.在今年RedMonk 推出的2017 年第一季度编程语言排行榜中,JavaScript 排第一,Java 第二,Python 反超 PHP 排第三,PHP 第四,C# 和 C++ 并列第五.RedMonk 排名的主要依旧是各种编程语言在 Stack Overflow 和 GitHub 上的表现,比如编程语言在 Stack Overflow 上的讨论数量,在 GitHub 上的代码量等.尽管有一定的片面性,还是说明了JavaSc

JavaWeb（八）JQuery

jQuery 市场用得比较多两个框架: jQuery 比较适合做一些互联网的应用(12306.com,蘑菇街,美丽说,聚美) extjs 比较适合做后台管理系统(电商(订单管理),银行,电信) 核心: 主要功能:javascript开发人员查找元素.操作DOM.处理事件.执行动画和开发Ajax的操作.优势:(宗旨:write less ,do more 写更少的代码,做更多的事情) 1:轻量级 (js 库非常小) 2:强大的选择器(获取页面上面的dom 元素 document.getEleme

jQuery系列第六章 jQuery框架事件处理

第六章 jQuery框架事件处理 JavaScript以事件驱动来实现页面的交互,其核心是以消息为基础,以事件来驱动.虽然利用传统的JavaScript事件处理方式也能够完成页面交互,但jQuery框架增加并扩展了基本的事件处理机制,jQuery框架提供了更加优雅的事件处理语法,并极大的增强了事件处理能力. 6.1 事件处理简单说明 jQuery框架在JavaScript的基础上进一步封装了不同类型的事件模型,形成了一套更强大和优雅的“jQuery事件模型”. jQuery中的事件模型表现出以下

day-04(jquery)

回顾: js: 组成部分: ECMAScript BOM DOM 变量声明 var 变量名=初始化值; 数据类型: 原始类型 Undefined Null String Number Boolean:伪对象通过typeof运算符可以判断出属于那种原始类型 typeof 值|变量引用类型 Boolean Number String 常用属性:length 常用方法: substring split replace Array 常用属性:length 注意: array长度可以变化 array可

JavaScript基础笔记（十）表单脚本

表单脚本一.表单基础知识 JavaScript中表单对应的是HTMLFormElement类型,该类型继承自HTMLElement类型. 通过document.forms可以获得所有表单元素,通过数值索引和name特性可以获得其中特定的表单. 一)提交表单单击提交按钮或者图像按钮就可以提交表单. 三种方式:  <input type='submit' value='submit value'>  <butt

第三章 JQuery: HelloWorld--常见方法--css--选择器--筛选器--属性--效果--事件--数组操作--字符串操作--对象转换

1.jQuery简介为了简化JavaScript 的开发, 一些JavsScript 库诞生了. JavaScript库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的页面, 并且兼容各大浏览器当前流行的JavaScript 库有 jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE.优势如下: 轻量级(压缩后只有几十k) 强大的选择器出色的DOM 操作的封装可靠的事件处理机制完善的Ajax 出色的

blur和change区别

热门专题