JQuery输入框获取/失去焦点行为

//搜索框获取焦点清除内容
$(function() {
    $("input").focus(function() { //获取焦点,清空默认内容
        $(this).css(‘color‘, ‘black‘).addClass(‘focus‘);
        if ($(this).val() == this.defaultValue) {
            $(this).val(‘‘);
        }
    }).blur(function() { //失去焦点,若没有内容,则恢复默认内容;有内容则不变
        $(this).removeClass(‘focus‘);
        if ($(this).val() == ‘‘) {
            $(this).val(this.defaultValue).css(‘color‘, ‘#aaa‘);
        }
    });
});

注:.focus只是输入框的css效果,可以忽略

时间: 2024-10-07 09:45:05

JQuery输入框获取/失去焦点行为的相关文章

jquery回车键获取input框焦点

//document.onkeyup=function(){alert(event.keyCode)}//使用js获取按下的键值 $(document).keydown(function(e){//使用jquery获取按下的键值 alert(e.keyCode); }) //按下tab键获取input焦点 $("input[name=pwd]").keydown(function(e){//input[name=pwd]当前所在焦点 if (e.keyCode == "9&q

Jquery怎么获取select选中项 自定义属性的值

Jquery如何获取select选中项 自定义属性的值? HTML code <select id="ddl" onchange="ddl_change(this)"">    <option value="100" emoney="12" gmoney="12">日卡</option>    <option value="102" e

JQuery元素获取

前言:这是本类别博文JQuery即用即查开篇. 因为查手册太麻烦,而且有时候需要深入命令所在详细页面才能了解此命令的具体作用是什么. 写这几篇文章就是为了,工作遇到问题时,一看这几篇文章就可以查到哪个命令的作用正好符合,然后自己再深入手册进行具体学习用法. 写的都是常用的一些,前提是你对jquery命令有一定了解,且有jquery手册. 第一篇:JQuery元素获取常见用法 1.利用标签名获取元素 $("标签名") 2.通过ID获取元素 $("#id_name")

jQuery如何获取当前元素的兄弟元素

jQuery如何获取当前元素的兄弟元素:在实际应用中,有时候要获得当前元素的兄弟元素,下面就通过一段实例代码简单介绍一下如何获取当前元素的兄弟元素.实例代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &l

iOS自定义键盘和系统键盘切换且文本输入框一直获得焦点

UITextView用来进行文本输入.方法becomeFirstResponder和resignFirstResponder可以用来进行弹出系统键盘和收下系统键盘. 弹出系统键盘,文本输入框获得焦点.收下系统键盘,文本输入框失去焦点.那么,问题来了. 某个条件下,如点击界面上的某个按钮,展示自定义键盘.再次点击,切换到系统键盘.先收下系统键盘,再展示自定义键盘.比如移动自定义键盘View的Frame.Y.但这时因为收下系统键盘,本文输入框失去焦点.虽然展示了自定义键盘.但用户体验很不好.光标没有

基于JQuery的获取鼠标进入和离开容器方向的实现

基于JQuery的获取鼠标进入和离开容器方向的实现 做动画时,需要判断鼠标进入和退出容器的方向.网上找到的基于JQuery的实现方法,用函数封装了一下,写了一个示例.注意绑定鼠标事件用的是on(),所以JQuery版本需高于1.7. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>判断鼠标从哪个方向进入和离开容器</title&g

jquery $.ajax 获取josn数据

<script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/javascript"> function test() { $.ajax({ type: "get", cache: false, url: "../../ajax/Task.aspx", data: 'id

Jquery 方式获取 iframe Dom元素

Jquery 方式获取 iframe Dom元素 测试页面代码: <html>  <head>   <title>jquery方式,访问iframe页面dom元素</title>   <meta name="Author" content="孙勤波">   <meta http-equiv="Content-Type" content="text/html;charset

jQuery如何获取表格的指定行和列

jQuery如何获取表格的指定行和列:在堆表格进行操作的时候往往要获取指定的行和咧,也就是需要进行精确的定位,本章节就简单的介绍一下如何实现此功能.一.获取指定的行:由于代码比较简单,这里就不给出完整的代码了,只给出代码片段:1.为表格最后一行单元格添加一个class类. $("#mytable tr:last").find("td").addClass("setcolor") 2. 为表格第一个行单元格添加一个class类. $($("