forms - すべてのdrupalフォームにマウスオーバーイベントを追加するにはどうすればよいですか？

Question

Drupalサイトのすべてのフォームの送信ボタンにマウスオーバーイベントを追加したいと思います。

これどうやってするの？

ベン

Answer 1

jQueryの場合：

$(document).ready(function(){
    $('input[type="submit"]').hover(
      function(){ 
        // Do something with $(this)
      }
    );
});

編集：背景色を更新するだけでよいので、別の可能な解決策で更新しました。

IE6のサポートを気にしない場合は:hover、送信ボタンにCSS疑似セレクターを使用することもでき、JavaScriptは必要ありません。すべての送信ボタンにクラスが設定されていることを確認してください（'submit'この例ではクラス名として使用しています）。

.submit {
  background-color: #ddd;
}
.submit:hover {
  background-color: #f00;
}

Answer 2

カスタムモジュールに次のコードを追加することで、問題を部分的に解決することができました。

function defprofile_form_alter(&$form, &$form_state, $form_id) {
    $form['submit']['#attributes'] = array('onMouseOver' => "this.style.backgroundColor='#cc0000'",'onMouseOut' => "this.style.backgroundColor='#000'"); }

ただし、これは送信ボタンでのみ機能するため、すべてのボタンで機能させたいと思います。'submit'を'button'に置き換えようとしましたが、コードが完全に機能しなくなります。