jQuery输入值切换

发布于 2024-10-17 00:36:19 字数 854 浏览 2 评论 0原文

我一直在使用这段代码来切换焦点和模糊输入的值：

$('input, textarea').focus(function() {
            value=$(this).val();
            $(this).attr("value","")};
        });
        $('input, textarea').blur(function() {
            if($(this).val()=="") {
                $(this).val(value);
            }
        });

唯一的问题是，当我在这些输入中输入一些内容，然后在输入另一个输入后重新聚焦时，该字段会变成空白。有没有办法编辑这段代码来抑制这种情况？

这里为您提供示例 :)

我尝试了这样的方法，但它没有达到我想要的效果:

$('input, textarea').focus(function() {
            value=$(this).val();
    if($(this).val(value)) {
            $(this).attr("value","");
        });
        $('input, textarea').blur(function() {
            if($(this).val()=="") {
                $(this).val(value);
            }
        });

原文

I've been using this code to switch the value of my inputs onFocus and Blur:

$('input, textarea').focus(function() {
            value=$(this).val();
            $(this).attr("value","")};
        });
        $('input, textarea').blur(function() {
            if($(this).val()=="") {
                $(this).val(value);
            }
        });

Only problem is, when I type something into these inputs, then refocus after typing into another, the field goes blank. Is there a way to edit this code to inhibit this?

Example for you here :)

I tried something like this, but it didn't have the effect I desire:

$('input, textarea').focus(function() {
            value=$(this).val();
    if($(this).val(value)) {
            $(this).attr("value","");
        });
        $('input, textarea').blur(function() {
            if($(this).val()=="") {
                $(this).val(value);
            }
        });

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

合久必婚 2024-10-24 00:36:19

您需要设置初始值并进行检查。

$('input, textarea').each(function(){
    // initial storing of the pre-defined value
    $(this).data('initial', this.value);
}).focus(function(){
    var $this = $(this);
    // on focus if the value of the field is still the initial then clear it
    if ( (this.value) == $this.data('initial') )
      this.value = '';
}).blur(function(){
    var $this = $(this);
    // on blur if the value is still cleared then restore the initial 
    if ( (this.value) == '' )
        this.value = $this.data('initial');
})

演示：http:// jsfiddle.net/EMYmG/2/

更新

您可以避免存储到数据，因为我们可以使用一个名为 defaultValue 的标准属性。（变得更加清晰）

$('input, textarea').focus(function(){
        // on focus if the value of the field is still the initial then clear it
        if ( (this.value) == this.defaultValue )
          this.value = '';
    }).blur(function(){
        // on blur if the value is still cleared then restore the initial 
        if ( (this.value) == '' )
            this.value = this.defaultValue;
    })

演示：http://jsfiddle.net /PjsRQ/

You need to set the initial value and check against that..

$('input, textarea').each(function(){
    // initial storing of the pre-defined value
    $(this).data('initial', this.value);
}).focus(function(){
    var $this = $(this);
    // on focus if the value of the field is still the initial then clear it
    if ( (this.value) == $this.data('initial') )
      this.value = '';
}).blur(function(){
    var $this = $(this);
    // on blur if the value is still cleared then restore the initial 
    if ( (this.value) == '' )
        this.value = $this.data('initial');
})

Demo: http://jsfiddle.net/EMYmG/2/

Update

You can avoid storing to the data, since there is a standard property named defaultValue that we can use instead. (gets much cleaner)

$('input, textarea').focus(function(){
        // on focus if the value of the field is still the initial then clear it
        if ( (this.value) == this.defaultValue )
          this.value = '';
    }).blur(function(){
        // on blur if the value is still cleared then restore the initial 
        if ( (this.value) == '' )
            this.value = this.defaultValue;
    })

Demo : http://jsfiddle.net/PjsRQ/

回复收藏 0 原文