javascript - 如何使按钮悬停时可点击

Question

这个问题对你们很多人来说听起来很奇怪。我需要一个无法通过点击触发的按钮。这意味着它不会执行任何操作。就像如果表单属性 action 设置为 next.html 之类的内容，则单击不会导致它转到下一页。

当用户将鼠标悬停在按钮上时，可以转到下一个站点。我这样做的原因是因为机器人可以在不将鼠标悬停在按钮上的情况下提交数据。我希望这将阻止机器人向我的网站提交任何内容。

我确实没有任何代码，但是有什么方法可以在 Javascript/jQuery 中做到这一点吗？

如果这令人困惑，请在评论中提出更多问题，我会尽力回答。

Answer 1

现在我不确定这种技术在阻止机器人方面有多有效。如果您仍然想尝试一下，我会这样做:

HTML:

<form class="form" action="1.php" type="post">
  <input type="text">
  <input class="submitbutton" type="submit">
</form>

Javascript/jQuery:

var $form = $('.form'),
    $btn = $('.submitbutton');

// Disable submit button on page load
$btn.prop('disabled',true);

// Reactivate submit button on form hover
$form.hover(
  function(e){
    e.stopPropagation();
    $btn.prop('disabled',false);
  }, function(e){
    e.stopPropagation();
    $btn.prop('disabled',true);
  }
);

我整理了an example at JSFiddle.