如何使用Jquery取消焦点输入框中的用户在确认框中？

Question

我有一个带有输入框的确认框，要求输入日期。当确认框出现时，输入框处于焦点状态。我该如何取消它的焦点？当我点击输入框时，我需要弹出一个日历。以下是相关代码：

$(".confirmLink").click(function(e) {
    e.preventDefault();
    var targetUrl = $(this).attr("href");
   document.getElementById('dialog').focus();
    $("#dialog").dialog({
        buttons : {
            "OK" : function() {

                window.location.href =  targetUrl+"/"+"deletedDate"+"/"+document.getElementById('deletedDate').value;
            },
            "Cancel" : function() {
                $(this).dialog("close");
            }
        }
    });

    $("#dialog").dialog("open");
});

function datepicker(){
    $( "#deletedDate" ).datepicker(
    {
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true,
        showAnim: "slideDown"
    });
}

- Yasitha

---

请阅读此链接：http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerClickInput.html - xkeshav

你必须写下日期选择器的下载链接，同时也要有相关文档以满足你的需求。 - xkeshav

Answer 1

这应该能解决问题：

.blur();

(正如所指出的那样 - 这是足够的)

- Chris McClellan

---

测试你自己的代码。模糊是这里使用的标准，可以正常工作。失去焦点不起作用，也不会触发事件。 - user1385191

"gotcha - 我之前只使用过 .blur()，所以我想我应该把它放在原处。" - Chris McClellan

我应该在哪里使用 .blur() ？ - Yasitha

抱歉，我应该为您的方便包含此文档链接：http://api.jquery.com/blur/ - Chris McClellan

文档：https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLOrForeignElement/blur - user3064538

Answer 2

您也可以将模糊作为一个事件触发

document.getElementById('dialog').blur();

或者

$('#dialog').blur();

- Raghav

---

.trigger() 是 jQuery 函数。 - Valentin Klinghammer

Answer 3

使用 blur() 事件。

 document.getElementById("dialog").blur();

- Marcelo Austria