Question

我想在我的drupal网站上的所有表单的提交按钮中添加一个onmouseover事件。

我该怎么做？

本

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'"); }

但是，这仅适用于提交按钮，我希望它适用于所有按钮。我尝试用“按钮”替换“提交”，但代码完全停止工作。

如何在所有drupal表单中添加onmouseover事件？

2 个答案: