Javascript jQuery mouseover禁用在登录密码末尾单击return的功能
Internet Explorer是PeopleSoft的首选浏览器,但不支持:悬停。为了模拟:将鼠标悬停在登录按钮上,我添加了以下脚本: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(){
$(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就解决不了: