Javascript jQuery mouseover禁用在登录密码末尾单击return的功能

Javascript jQuery mouseover禁用在登录密码末尾单击return的功能,javascript,jquery,html,accessibility,mouseover,Javascript,Jquery,Html,Accessibility,Mouseover,Internet Explorer是PeopleSoft的首选浏览器,但不支持:悬停。为了模拟:将鼠标悬停在登录按钮上,我添加了以下脚本: $(function(){ $(".fg-button:not(.ui-state-disabled)") .hover( function(){ $(this).addClass("ui-state-hover"); }, function(){

Internet Explorer是PeopleSoft的首选浏览器,但不支持:悬停。为了模拟:将鼠标悬停在登录按钮上,我添加了以下脚本:

$(function(){
    $(".fg-button:not(.ui-state-disabled)")
    .hover(
    function(){ 
            $(this).addClass("ui-state-hover"); 
        },
        function(){ 
            $(this).removeClass("ui-state-hover"); 
        }
    )
    .mousedown(function(){
            $(this).parents('.fg-buttonset-single:first').find(".fgbutton.ui-stat e-active").removeClass("ui-state-active");
        if( $(this).is('.ui-state-active.fg-button-toggleable, .fg-buttonset-multi .ui-state-active') ){ $(this).removeClass("ui-state-active"); }
        else { $(this).addClass("ui-state-active"); }   
    })
    .mouseup(function(){
        if(! $(this).is('.fg-button-toggleable, .fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button') ){
        $(this).removeClass("ui-state-active");
        }
    });
});
它与下面的html一起使用

    <button class="fg-button ui-state-default ui-corner-all" type="button" name="Submit" onClick="submitAction(document.login)">Sign In</button>
登录
只有现在,而不是在您完成密码后按enter键,您将自动登录,而无需像许多开发人员那样点击登录按钮-您现在必须单击登录按钮以启动登录过程。这给那些不想点击登录按钮的人带来了很大的焦虑。任何好的行为都会受到惩罚


完整的代码位于

IE 7及更高版本支持:悬停在任意元素上,只要浏览器处于标准模式而不是怪癖模式——只要确保启用了正确的doctype即可。看

如果你还得支持IE 6,我的心会向你倾注。在这种情况下,您可以尝试添加。就我个人而言,在这个例子中,我会切换到一个严格的doctype以支持IE7+并使用条件注释将浏览器行为仅应用于IE6


而且,正如上面@mootinator所评论的,当焦点在表单字段中时,当有人按下enter键时,您可以添加更多的JavaScript来触发表单提交。

再多一点jQuery就解决不了: