如何在jquery中区分鼠标单击和空格键？

Question

我有一个带有取消按钮的jquery-ui对话框，可以关闭对话框。在此对话框中，有一个生成字符串的页面，并将其发送到Java后端。该字符串包含空格。 Jquery将空格解释为单击，导致我的弹出窗口在它应该关闭之前关闭。 我如何为取消按钮创建一个只在鼠标单击时触发的事件，而不是空格键？

代码：

 $('<div id="popup">').dialog({
                    autoOpen: false,
                    modal: true,
                    buttons: {
                      "Cancel" : {
                            text: "Cancel",
                            id: "cancelButton",
                            click: function(){
                            $('#popup').html('');
                            $('#popup').dialog('close');
                            }   
                        }, 
                    }
                });
var close = function (event, ui) {
            $('#popup').unbind("dialogclose", close);
                    //reload page
                };
            $('#popup').on("dialogclose", close);

            $('#popup').load("index.html").dialog('open');