Question

请参阅this

步骤：点击粉红色的div，黑色div打开，里面有三个文本框。默认焦点将在具有值'a'的第一个文本框上。现在，用户在第二个和第三个文本框中输入一些值，然后离开（离开）这个div。再次点击粉红色的div和黑色的div打开，所有三个文本框都填充了一些值。有没有办法（除了页面重新加载）我们可以停止向第二和第三个文本框显示值。换句话说，第二个和第三个文本框应该包含原始值（在这种情况下它应该是空的）

$(document).ready(function () {
$("#xxx").click(function () {

    $("#aaa").show();
    $('#a').focus();



   });  
var timer;
$("#aaa input").blur(function () {

    timer = setTimeout(function () {

        $("#aaa").hide()
    }, 50);
}).focus(function(){
    clearTimeout(timer)
});
});

Answer 1

将$("#aaa input:not(#a)").val('');添加到点击事件的代码中：

Demo Fiddle

$(document).ready(function () {

    $("#xxx").click(function () {
        $("#aaa input:not(#a)").val('');
        $("#aaa").show();
        $('#a').focus();    
    });

    var timer;
    $("#aaa input").blur(function () {

        timer = setTimeout(function () {
            $("#aaa").hide()
        }, 50);

    }).focus(function () {
        clearTimeout(timer)
    });
});

文本框保留原始值

1 个答案:

Demo Fiddle