input失去焦点和获得焦点

鼠标在搜索框中点击的时候里面的文字就消失了。

我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了

相关js代码:

input失去焦点和获得焦点jquery焦点事件插件 - 懒人建站

$(document).ready(function(){

//focusblur

jQuery.focusblur = function(focusid) {

var focusblurid = $(focusid);

var defval = focusblurid.val();

focusblurid.focus(function(){

var thisval = $(this).val();

if(thisval==defval){

$(this).val("");

}

});

focusblurid.blur(function(){

var thisval = $(this).val();

if(thisval==""){

$(this).val(defval);

}

});

};

/*下面是调用方法*/

$.focusblur("#searchkey");

});

input失去焦点和获得焦点jquery焦点事件插件,鼠标在搜索框中点击的时候里面的文字就消失了

jquery获取和失去焦点事件

$(function () {

$('#username').focus(function ()//得到教室时触发的时间

{

$('#username').val('');

})

$('#username').blur(function () 失去焦点时触发的时间

{

if ($('#username').val() == 'marry') {

$('#q').text('用户名已存在!')

}

else { $('#q').text('ok!') }

})

checkbox 点击搜索失去焦点_jquery获取焦点和失去焦点事件代码相关推荐

  1. element-ui 搜索框组件:监听input键盘事件 - 代码篇

    踩坑:vue + element-ui 框架监听input键盘事件 - 含demo演示 代码示下: html部分: <el-inputplaceholder="职位 | 地区 | 工作 ...

  2. html获取焦点和失去焦点,js获取焦点和失去焦点

    关于Javascript窗口获得和失去焦点的问题window.onblur = function (e) { e = e || window.event; if (window.Ac不知道.顶. jq ...

  3. checkbox 点击搜索失去焦点_早些年植入三焦点晶体矫正老花的人,现在怎么样了?...

    常有患者来门诊时,一脸惊讶地问"老花眼也可以手术?" 周末看见母亲坐在阳台缝缝补补,阳光下,显得特别温暖.于是立刻掏出手机录下了这一段.用这个视频来解答"老花眼也可以手术 ...

  4. vue纯前端留痕,搜索框历史记录,获取焦点,失去焦点历史记录消失

    效果图 html代码 <div class="search"><div class="search-btn"><el-inputv ...

  5. textarea 聚焦后边框_textarea焦点的用法实现获取焦点清空失去焦点提示效果

    这篇文章主要介绍了textarea焦点的用法实现获取焦点清空失去焦点提示效果,需要的朋友可以参考下 效果图: 具体实现: 1.textarea标签内容 备注: 2.初始化使点击添加按钮时,内容显示最多 ...

  6. JS比较常用的隔行换色和获取焦点以及失去焦点效果

    JS作为一门比较简单的编程 当然一些JS效果的使用是不可避免的 就比如说标签的隔行换色.还有搜索框的失去和获取焦点 我就来带大家写一下这两种常用的效果 先来说一下标签的隔行换色吧 目录 一.元素标签的 ...

  7. JS获取焦点和失去焦点事件

    下面是代码,大家可以看一下. 这边是运行效果 没点击input标签前(获取焦点之前) 获取焦点后效果 失去焦点后效果

  8. Android CheckBox 点击的时候没有效果

    写了一个CheckBox 点击的时候没有效果 感觉莫名其妙的,最后在xml 中设置了 android:clickable="true" 点击有效果了, 见鬼了.

  9. IOS UISearchDisplayController 点击搜索出现黑条问题解决方案

    IOS UISearchDisplayController 点击搜索出现黑条问题解决方案 参考文章: (1)IOS UISearchDisplayController 点击搜索出现黑条问题解决方案 ( ...

最新文章

  1. Java List 更换指定位置的元素
  2. “考研3次,读博7年,英语极烂”,他却做出诺奖级成果
  3. 计算机视觉来看看苏伊士运河堵船(船舶检测)
  4. 光伏电价下调幅度大 短期内市场不明朗
  5. Exception in thread “main“ java.lang.NoSuchMethodError: scala.collection.mut
  6. C中静态存储区和动态存储区
  7. LeetCode 1551. 使数组中所有元素相等的最小操作数(等差数列)
  8. trailmakers未能连接服务器,Trailmakers联机版
  9. mac安装mysql mysql命令找不到_Mac系统下安装mysql数据库和使用phpMyAdmin可视化
  10. 操盘软件富赢版V7 2016正式版
  11. 凝胶渗透色谱法——聚合物相对分子质量分布的测定
  12. ftm国际化解决方案
  13. 4K分辨率是什么 你真的知道吗?
  14. 2021年茶艺师(初级)模拟考试及茶艺师(初级)实操考试视频
  15. 机器学习(一):什么是机器学习
  16. R语言入门基础——基础操作篇(极为基础的指令代码)
  17. SparkSQL 创建 DataFrame 的方式
  18. c语言速算24课程设计,C语言速算24数据结构课程设计.docx
  19. HDU2594(Simpsons’ Hidden Talents)
  20. 对圆和椭圆进行边缘检测

热门文章

  1. java jsf 入门_JSF入门、简单示例
  2. 为什么 128 KB 的魂斗罗可以实现那么长的剧情 ?
  3. StackOverflow和OutOfMemory
  4. 模块九:mouse、key、joystick模块
  5. python如何保存excel文件
  6. Linux下Samba服务器配置,已成功
  7. 【数字系统】简单逻辑电路设计:与非门/逻辑门 Quartus II 环境/Verilog 语言/编程+仿真+开发板/FPGA/CPLD/EDA
  8. 电口模块和光模块有什么区别?
  9. NumPy transpose 的定义与计算过程
  10. Python_day9:常用内建模块