在JQuery UI對話框中輸入鍵行為

Question

如何在下面修改代碼，以便當還按下Enter鍵時，jQuery日期選擇器將做出反應並將變量（datePickerValue）設置為自動突出顯示的日期，無論該日期是jQuery打開時的當前日期。 我想能夠打開日期選擇器，快速按回車鍵，它將只用今天並將其存儲到var中。

<html>

<head>

<!-- LOAD JQUERY LIBRARY: -->  
    <link   href="jq/jquery-ui.css"         type="text/css" rel="stylesheet" />
    <script src="jq/jquery.min.js"          type="text/javascript"> </script>
    <script src="jq/jquery-ui.min.js"       type="text/javascript"> </script>

<script type="text/javascript">

window.onload = function() {

                $('#dd').dialog({ 
                                    autoOpen:   true,
                                    modal:      true,
                                    overlay:    { opacity: 0.5, background: 'black'},
                                    title:      'Select the date:',
                                    height:     215, 
                                    width:      234,
                                    draggable:  false, 
                                    resizable:  false

                });//end of dialog_atip


var datePickerValue = ""

$("#d1").show().unbind().datepicker().datepicker("show").change(function ()  {  
   //$('#d1').datepicker({onSelect:datePickerValue = $(this).val() }).hide();
   $('#d1').datepicker({onSelect:datePickerValue = $(this).val() })
   alert("You picked: " + datePickerValue);
   $("#dd").dialog("close")
});



}//end of window.onload


</script>


</head>

<body>
<div style="display:none" id="dd">
<div id="d1">
</div>
</body>

</html>

Answer 1

active元素具有.ui-state-active因此您可以在按下Enter鍵時模擬對該元素的單擊，如下所示：

$(document).on('keypress', function (e){
    if(e.which == 13)
    {
        $('.ui-state-active').click();
    }
});

這是一個小提琴。 焦點必須集中在文檔上，以便在那里工作（在輸出上單擊任意位置，然后按Enter鍵）。

在JQuery UI對話框中輸入鍵行為

問題描述

1 個解決方案

解決方案1
1 已采納 2012-08-29 19:19:29

在JQuery UI對話框中輸入鍵行為

問題描述

1 個解決方案

解決方案1 1 已采納 2012-08-29 19:19:29

解決方案1
1 已采納 2012-08-29 19:19:29