[html] view plain copy focus、blur、change、one、trigger、unbind 事件的使用

最新推荐文章于 2024-04-01 21:27:27 发布
最新推荐文章于 2024-04-01 21:27:27 发布
阅读量489 收藏
点赞数
分类专栏： jquery 文章标签： jquery

注：转载http://blog.csdn.net/zwz19920209/article/details/38751167

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
  2. "http://www.w3.org/TR/html4/loose.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4.     <head>  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  6.         <title>New Web Project</title>  
  7.         <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>  
  8.         <script type="text/javascript">  
  9.               
  10.             $(function(){  
  11.                 $("#username").focus(function(){  
  12.                     $(this).css("backgroundColor","red");  
  13.                 });  
  14.                 $("#username").blur(function(){  
  15.                     $(this).css("backgroundColor","white");  
  16.                 });  
  17.                   
  18.                 $("#se").change(function(){  
  19.                     alert($("#se option:selected").text());  
  20.                 });  
  21.                   
  22.                 // $("#btn").click(function(){  
  23.                     // alert("click");  
  24.                 // });  
  25.                 // 只绑定一次单击事件  
  26.                 // $("#btn").one("click",function(){  
  27.                     // alert("click22");  
  28.                 // });  
  29.                   
  30.                 $("#btn").click(function(){  
  31.                     alert(111111);  
  32.                 });  
  33.                   
  34.                 // 通过jquery触发另一个按钮单击事件  
  35.                 $("#btn2").click(function(){  
  36.                     $("#btn").trigger("click");  
  37.                 });  
  38.                   
  39.                 $("#btn3").click(function(){  
  40.                     // 解除事件  
  41.                     $("#btn").unbind("click");  
  42.                     alert("解除按钮1的单击事件，请单击按钮1");  
  43.                 });  
  44.                   
  45.             });  
  46.               
  47.               
  48.               
  49.         </script>  
  50.     </head>  
  51.     <body>  
  52.           
  53.         用户名：<input type="text" id="username" />  
  54.         <br/>  
  55.           
  56.         语言:  
  57.         <select id="se">  
  58.             <option value="j1">Java</option>  
  59.             <option value="c1">C</option>  
  60.             <option value="c#1">C#</option>  
  61.             <option value="vb1">VB</option>  
  62.         </select>  
  63.         <br/>  
  64.         <input type="button" id="btn" value="按钮1"  />  
  65.         <br/>  
  66.         <input type="button" id="btn2" value="trigger"  />  
  67.         <br/>  
  68.         <input type="button" id="btn3" value="接触按钮1的单击事件"  />  
  69.           
  70.     </body>  
  71. </html>  

weixin_40818589
关注
专栏目录
jQuery focus和blur事件的应用详解
12-10
DOCTYPE html PUBLIC “-//W3C//DTDHTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”><html><head><meta http-equiv=”Content-Type”content=”text/html; charset=UTF-8″&...
linux常用指令
遇见更好的自己
05-22 462
1、cd命令 这是一个非常基本，也是大家经常需要使用的命令，它用于切换当前目录，它的参数是要切换到的目录的路径，可以是绝对路径，也可以是相对路径。如：[plain] view plain copy print? cd /root/Docements # 切换到目录/root/Docements cd ./path # 切换到当前目录下的path目录中，“.”表示当前目录
[sql] view plain copy
weixin_30576859的博客
06-15 183
　　[sql] view plain copy　　　　CREATE TABLE SYS_USER (　　　　USER_CODE VARCHAR( 36 ) NOT NULL,　　　　LOGIN_NAME VARCHAR( 50 ) NOT NULL,　　　　LOGIN_PWD VARCHAR( 50 ) NOT NULL,　　　...
简单的python GUI例子
服务器端攻城师
05-27 1万+
写一个简单的界面很容易，即使是什么都不了解的情况下，这个文本转载了最简单的界面编写，下个文本介绍了TK的简单但具体的应用 在python中创建一个窗口，然后显示出来。 from Tkinter import * root = Tk() root.mainloop() 就3行就能够把主窗口显示出来了。root是一个变量名称，其代表了这个主窗口。以后创建控件的时候指定控件创建在什么窗口之
伪分布式部署（VM9+Centos7+Hadoop1.0.4）三
rainbow1310的博客
05-16 358
三、JDK安装1、下载 jdk-8u161-linux-x64.tar.gz刚开始下载的是jdk-8u171-linux-x64.tar.gz版本，在解压过程中提示出错。后来又下载了jre-8u161-linux-x64.tar.gz版本，到最后发现没有jps，心累。2、进入bin目录下，执行./java -version查看安装是否成功。（此处无图）3、配置环境变量sudo vi /etc/pr...
element ui 表单验证触发方式：trigger: ‘change‘和trigger: ‘blur‘区别
南北极之间
12-27 7万+
trigger: 'blur' blur失去焦点 比如输入框里。校验文本框是否为空 ==================================== trigger: 'change' change数据改变 比如 下图这些。需要手动选择的东西，用change ========================================= 没有进行任何输......
vue 表单输入框不支持focus及blur事件的解决方案
01-21
1.html引用: v-mtfocus 2.在实例中添加指令 directives: { 'mtfocus' (el, binding, vnode) { let mtinput = el.querySelector('input') mtinput.onfocus = function () { ...//如果要对节点的数据进行更改,且...
jQuery事件blur()方法的使用实例讲解
10-17
本文将详细介绍jQuery中blur()方法的使用，包括其定义、用途、语法以及如何在实际中应用这一事件处理器来执行特定的代码。 ### jQuery blur()方法的定义和用途 blur()方法在jQuery中用于绑定事件处理器到指定的...
c3p0 xml配置文件模版 [html] view plain copy <c3p0-config> <default-config> <property name=
奋斗的日子最甜美，在科技的海洋里，永无止境。
10-27 508
c3p0 xml配置文件模版 [html] view plain copy c3p0-config>       default-config>           property name="driverClass">com.mysql.jdbc.Driverproperty>           property name="jdbc
html移除click事件绑定,带你了解JQuery中绑定事件（bind()）和移除事件（unbind()）...
weixin_39559277的博客
06-05 677
本文主要向大家详细介绍了jQuery的绑定事件和移除事件的使用方法和示例分享，这里推荐给有需要的小伙伴们参考下。有时候事件执行完了，想取消事件的效果可以通过一定的办法来处理。比如bind()(绑定事件)和unbind()(移除通过bind()方法添加的事件)方法来移除事件的效果。比如下面的一个案例：代码如下:$(function(){$('#btn').bind("click", function...
Element UI Form表单表单验证触发方式 trigger: ‘change‘ 和trigger: ‘blur‘区别
weixin_65921319的博客
05-05 5545
备注：没有进行任何输入时，不会触发change，但一定会触发blur事件。二、 trigger: ‘blur’:失去焦点时触发,如上图。一、 trigger: ‘change’:数据改变时触发。
表单验证trigger: ‘blur‘ 和 trigger: ‘change‘ 的区别
最新发布
qq_65537235的博客
04-01 3870
可以在用户输入时即时验证，但是可能会在用户输入时频繁触发验证。通常情况下，根据具体的需求和用户体验考虑来选择合适的触发方式。所以，它们之间的区别在于触发验证的时机不同。可以确保用户在完成输入后立即得到反馈，而使用。都是用于指定触发验证的事件类型的选项。在 Ant Design Vue 中，
C++拷贝构造函数详解
热门推荐
脚踏实地，仰望星空
02-23 46万+
一. 什么是拷贝构造函数 首先对于普通类型的对象来说，它们之间的复制是很简单的，例如： int a = 100; int b = a; 而类对象与普通对象不同，类对象内部结构一般较为复杂，存在各种成员变量。 下面看一个类对象拷贝的简单例子。 #include using namespace std; class CExample { private: 　int a;
idea_life_3(论面试和职场)
AinUser的博客
06-17 1806
[html] view plain copy 还记得原来刚刚面试的时候，面试我的使我们现在的组长，现在回忆起面试的时候，感觉自己答得并不是非常的好，一半是运气，还有一半我觉得那就是自己了解一些说话的技巧，了解企业的需求，最后一点就是自己平时的习惯了。 下面就简单说一下，我面试
vue的一些易混淆事件整理 - @change | trigger: 'blur' |
Yoyo_Yan的博客
07-23 3万+
部分总结参考 简书 HTML DOM事件 （一） onchange onpropertychange 和 oninput 事件的区别 1、onchange 事件与 onpropertychange 事件的区别： onchange 事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发。 onpropertychange 事件却是实时触发，即每增加或删除一个字符就会触发，...
spring mvc防重复提交（第二种 自定义注解 以及 注解的实现 和 运用注解）
Generosity55555的博客
12-05 862
转载至 ：http://blog.csdn.net/u013378306/article/details/52944780 第一种方法：判断session中保存的token比较麻烦，每次在提交表单时都必须传入上次的token。而且当一个页面使用ajax时，多个表单提交就会有问题。注解Token代码： [java] view plain copy print?package com.thinkgem.
ES6(JavaScript)的深复制和浅复制
非完美世界
12-06 2万+
React中，我们会遇到一个有趣的问题，那就是对象的复制，为什么说有趣，是因为直觉和结果差距很大。 我们看一下这个例子： let a={tile:'深复制'}; let b=a; a.title='浅复制'; 那么我们会获得两个对象，一个a，一个b，a的title是浅复制，b的title是深复制。 但结果真是这样吗？ 我们console.log一下 咦，为啥嘞！！！！！！为啥两
在spring boot中使用@WebFilter配置filter（包括排除URL）
Aierbude的博客
07-03 4万+
@WebFilter(urlPatterns = "/*") @Order(value = 1) public class TestFilter implements Filter { private static final Set ALLOWED_PATHS = Collections.unmodifiableSet(new HashSet<>( Arrays
深入浅出UML类图（二）
刘伟技术博客
08-08 4万+
类与类之间的关系（1）      在软件系统中，类并不是孤立存在的，类与类之间存在各种关系，对于不同类型的关系，UML提供了不同的表示方式。      1. 关联关系      关联(Association)关系是类与类之间最常用的一种关系，它是一种结构化关系，用于表示一类对象与另一类对象之间有联系，如汽车和轮胎、师傅和徒弟、班级和学生等等。在UML类图中，用实线连接有关联关系的对象所对应的类，在
JavaScript事件处理：Focus与Blur事件详解
"本章深入探讨了JavaScript中的事件与事件处理机制，焦点(Focus)和失焦(Blur)事件是其中的重要组成部分。焦点事件在用户将控件（如按钮、文本框等）作为操作目标时触发，这可以是通过鼠标点击或键盘Tab键切换。而失...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值