Question

我正在使用jQuery，我在common.js文件中有这个代码。

当用户在页面的任何位置按Enter键时，此代码会触发submit或next按钮。

我为Cancel和Submit按钮使用了两个不同的CSS类，它们是.btn类，所有Next按钮都使用.back类。

此代码适用于Internet Explorer，FireFox和Chrome。只有Safari给我带来了困难。当用户关注Cancel然后按Enter时，它会提交表单而不是取消它。

有人有解决方案吗？我尝试了很多东西，但没有任何作用。

如果你有特定于Safari的解决方案或适用于所有浏览器的解决方案，请告诉我，因为现在我无法更改我的JSP代码。

提前谢谢。

// Common.js

$("form *").live('keypress', function (e) {
    if ($(this).parents('form').find('button[type=submit].btn, input
type=submit].btn').length <= 0) {
        return true;
    }
    if ($(this).parents('form').find('textarea').is(":focus")) {
        alert(' Function Call ');
        return true;
    } * * *
    if ($(this).parents('form').find('.back').is(":focus")) {
        return true;
    } * * *
    if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
        $(this).parents('form').find('button[type=submit].btn, input
[type=submit].btn').click();
        return false;
    }
});

// test.jsp
<div class="back-link">  
    <div class="back-btn-wrap">              
        <html:cancel styleClass="back" onclick="bCancel=true">cancel</html:cancel>
    </div>
    <div class="btn-wrap">        
        <html:submit styleClass="btn" property="submitNext"> Submit / Next</html:submit>
    </div>
</div>

Answer 1

如果你只是想弄清楚哪个元素有焦点，你可以使用......

$(document.activeElement)

如果您不确定版本是否为1.6或更低版本，则可以添加:focus选择器（如果缺少...）

(function ( $ ) {
    var filters = $.expr[":"];
    if ( !filters.focus ) { 
        filters.focus = function( elem ) {
           return elem === document.activeElement && ( elem.type || elem.href );
        };
    }
})( jQuery );

jquery是（＆＃34;：focus＆＃34;）不在safari中工作。这个IF的任何解决方案（$（this）.parents（＆＃39; form＆＃39;）。find（＆＃39; .back＆＃39;）。是（＆＃34;：focus＆＃34;））

1 个答案: