jquery对于输入框得到与失去焦点时的处理方法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p>帐号:&ensp;<input type="text" name="" id="" value="" /></p>
        <p>密码:&ensp;<input type="text" name="" id="" value="" /></p>
    </body>
</html>
<script src="jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    // focus() 输入框得到焦点时的处理
    // bulr()  输入框失去焦点时的处理
    $(function() {
        $(‘input:first‘).focus(function() {
            $(this).css(‘background‘, ‘#eee‘);
        });
        $(‘input:first‘).blur(function() {
            $(this).css(‘background‘, ‘#fff‘);
        });
        $(‘input:enabled‘).focus(function() {
            $(this).css(‘background‘, ‘#eee‘);
        });
        $(‘input:enabled‘).blur(function() {
            $(this).css(‘background‘, ‘#fff‘);
        });
    });
</script>

原文地址：https://www.cnblogs.com/li1234567980/p/11746985.html

时间： 2024-10-13 02:15:21

jquery对于输入框得到与失去焦点时的处理方法的相关文章

Jquery使用Id获取焦点和失去焦点

Jquery使用Id获取焦点和失去焦点有2种方法先用第一种(val()=="空"): <div> <input type="text" id="address" value="请输入邮箱地址" /> <input type="text" id="password" value="请输入邮箱密码" /> <input type

input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

input输入框在获得或失去焦点时隐藏或显示文字,这样的焦点效果想必很多朋友在填写form表格的时候都曾见识过吧,本文使用jquery实现以下,感兴趣的朋友可以参考下哈大家可以看效果图的搜索输入框,默认显示着“用户名/Email”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户啥也没输入就离开这个 input 输入框时,输入框内又再次显示“用户名/Email”的提示.是不是很常见?很多搜索.登录.表单都会用到这个效果,但是我看了N多个网站,有90%以上是这么实现的:

为Input输入框添加圆角并去除阴影去除获得焦点时方角样式

目录 1.为Input输入框添加圆角并去除阴影 2.去除获得焦点时方角样式内容 1.为Input输入框添加圆角并去除阴影 1.1 border-radius不同浏览器下兼容设置: .boder-radius{ -webkit-border-radius:6px;//适配以webkit为核心的浏览器(chrome.safari等) -moz-border-radius:6px;//适配firefox浏览器 -ms-border-radius:6px;//适配IE浏览器 -o-border-rad

[转]jQuery.validate插件在失去焦点时执行验证代码

转:http://my.oschina.net/enyo/blog/311566 关于 jquery.validate.js 表单验证插件如何在失去焦点时做验证.看手册后发现默认是在表单提交时执行验证代码. 手册中提到使用 onfocusout:false 来解决失去焦点时验证的参数功能,但是经测试无效果. 可以使用函数手工验证: 1 $("#signupForm").validate({ 2 onfocusout: function(element){ 3 $(element).va

jQuery.validate插件在失去焦点时执行验证代码

关于 jquery.validate.js 表单验证插件如何在失去焦点时做验证.看手册后发现默认是在表单提交时执行验证代码. 手册中提到使用 onfocusout:false 来解决失去焦点时验证的参数功能,但是经测试无效果. 可以使用函数手工验证: $("#signupForm").validate({ onfocusout: function(element){ $(element).valid(); } });

edittext设置获得焦点时的边框颜色

第一步:为了更好的比较,准备两个一模一样的EditText(当Activity启动时,焦点会在第一个EditText上,如果你不希望这样只需要写一个高度和宽带为0的EditText即可避免,这里就不这么做了),代码如下: view plain <EditText android:layout_width="fill_parent" android:layout_height="36dip" android:background="@drawable/

当元素获得焦点和失去焦点时，触发的事件。

我遇到一个问题,点击文本框时,文本框的值消失,点击文本框外时,值还原.经过一系列的过程, 解决的内容:如下: 下面内容摘取于Jquery. 当元素获得焦点时,触发 focus 事件. 可以通过鼠标点击或者键盘上的TAB导航触发.这将触发所有绑定的focus函数,注意,某些对象不支持focus方法. 当页面加载后将 id 为 'login' 的元素设置焦点: $(document).ready(function(){ $("#login").focus(); }); 使人无法使用文本框:

基于jQuery的网站首页宽屏焦点图幻灯片

今天给大家分享一款基于jQuery的网站首页宽屏焦点图幻灯片.这款焦点图适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览源码下载实现的代码. html代码:  <div class="sliderWrap"> <section class="banner-TAL"> <div class