2011-07-05 4 views
1

Internet Explorerは、PeopleSoftの選択ブラウザですが、ホバリングはサポートしていません。模倣する:サイン・インボタンの上に置くには、私は次のスクリプトを追加しました:jQuery mouseoverは、ログインするパスワードの末尾にヒットする機能を無効にします。

$(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> 

で行く、そしてあなた多くの開発者が行っているようにサインインボタンを押す必要なく自動的にログインします。サインインボタンをクリックしてサインインプロセスを開始する必要があります。これにより、[サインイン]ボタンをクリックしたくない人には大きな不安が生じました。良いアクセシビリティの行為は罰せられません。 - ちょうどあなたが右のDOCTYPEを持っていることを確認してください限り、ブラウザが標準モードではなく、Quirksモードであるとして、任意の要素の上にカーソルを置く:

完全なコードはhttp://jsfiddle.net/maniator/2NCHd/1/

+1

jQueryは修正されません。http://stackoverflow.com/questions/155188/trigger-button-click-with-javascript-on-enter-key-in-text-box/155263#155263 –

答えて

0

IE 7と高いサポートであります有効になりました。 Getting :hover to Work in IE 7を参照してください。

まだIE 6をサポートしなければならない場合、私の心はあなたに出て行きます。その場合は、whatever:hover browser behaviorを追加してみてください。個人的には、このインスタンスでは、IE 7+サポートの厳密なdoctypeに切り替えて、ブラウザの動作をIE 6にのみ適用するために条件付きコメントを使用します。

そして、@mootinatorがコメントしたように、フォームフィールドにフォーカスがある間に誰かがEnterキーを押したときにフォーム送信をトリガーします。

関連する問題