Javascript中鼠标悬停时按钮移动的问题？

Question

我记得在网上看到过一个有趣/棘手的按钮的网站或脚本：基本上这是一个不可能点击的按钮。当鼠标悬停其上时，它会随机移动。

有人能指向一个源或给我展示几行代码来实现吗？最好使用jQuery。

- HP.

---

来吧，管理员们，请关闭这个问题，他已经遭到足够的踩了！ - Gautam

我刚从谷歌过来，发现这个问题非常有用 :) - Julien

我也一样，很有用。 - Mathieu Bourgoin

还发现这个有用 - 我认为版主有时候使用的策略有点过于严厉了。 - Ben Duffin

这正是我正在寻找的。 - Adám

Answer 1

这可能是你在寻找的内容：

$(function() {
  $("button").on({
    mouseover: function() {
      $(this).css({
        left: (Math.random() * 200) + "px",
        top: (Math.random() * 200) + "px",
      });
    }
  });
});

button {
  position: absolute;
  top: 10px;
  left: 10px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>button</button>

http://jsfiddle.net/9CDtE/4/

- Gautam

---

仅仅因为那个人受到了很多负面报道，所以至少我想帮他一把。我只是想做个好人。 - Gautam

投赞成票支持友善！我想更多的人需要这样做。 - Barrie Reader

p.s. 我成功地点击了那个按钮两次 ;) - Barrie Reader

恭喜你！你获得了+10分！ - Dr. Dan

需要更高的随机数，太容易点击了 ;) 但是还是+1，因为我正在谷歌搜索这个 :p - psychobunny