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

Posted 2023-02-25

【中文标题】如何使用 Jquery 使用户从确认框中的输入框中取消焦点？

【英文标题】：How to unfocus the user from the input box in a confirmation box using Jquery?

【发布时间】：2011-04-01 05:24:08

【问题描述】：

我有一个确认框，里面有一个要求日期的输入字段。当确认框出现时，输入框处于焦点。我如何分散注意力？单击输入字段时，我需要下拉日历。这是我的相关代码：

$(".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"
    );

【问题讨论】：

阅读此kelvinluck.com/assets/jquery/datePicker/v2/demo/…

你必须写下你下载的日期选择器链接，必须有关于你需要的文件

【参考方案1】：

这应该可以解决问题：

.blur();

（正如所指出的——这就足够了）

【讨论】：

测试你自己的代码。模糊是这里使用的标准，并且会起作用。 Focusout 不起作用，也不会触发事件。

gotcha - 我只用过 .blur() 所以我想我应该不管它。

我应该在哪里使用 .blur() ??

对不起，为了您的利益，我应该包含此文档链接api.jquery.com/blur

文档：developer.mozilla.org/en-US/docs/Web/API/htmlOrForeignElement/…

【参考方案2】：

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

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

或者

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

【讨论】：

.trigger() 是一个jQuery函数。

【参考方案3】：

使用 blur() 事件。

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