[英]How to make a button clickabled when hovered over
这个问题对你们中的许多人来说听起来很奇怪。 我需要一个不能通过点击触发的按钮。 这意味着它不会执行任何操作。 就像如果表单属性action设置为next.html之类的东西，点击不会导致它转到下一页。
当用户将鼠标悬停在按钮上时，它可以转到下一个站点。 我这样做的原因是因为机器人可以在不将鼠标悬停在按钮上的情况下提交数据。 我希望这会阻止机器人向我的网站提交任何内容。
我真的没有任何代码，但是有什么方法可以在 Javascript/jQuery 中做到这一点吗？
如果这令人困惑，请在评论中提出更多问题，我会尽力回答。
<form>元素action值如果您的页面中没有表单，机器人将不会跟随您的表单action 。 如果这听起来很奇怪：
无论哪种方式（特别是如果您关心 noJS 访问者），您都需要验证您的表单
为什么你的hover方法/意图不好：
现在我不确定这种技术在阻止机器人方面的效果如何。 如果你仍然想试一试，我会做这样的事情：
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);
}
);
通常，单击按钮应提交表单。 如果你想强制这个问题，我认为你应该先尝试禁用按钮。
<span style="padding: 8px; background: red;" onmouseout="this.firstChild.disabled='';"><input type="button" name="test" id="test" value="roll over me" onmouseover="this.disabled=true;"></span>
如此处的答案中所述：
您的问题似乎是在不单击按钮的情况下导航到另一个页面。
<html>
<head>
</head>
<body>
<button onmouseover="go()" id="button">hii</button>
<script>
var anchor=document.createElement("a");
var button=document.getElementById("button");
anchor.href="alarm2.html";
function go()
{
button.onmouseover= anchor.click();
}
</script>
</body>
</html>
悬停在上方时如何使Firefox扩展URL按钮显示字符串
[英]How to make a Firefox Extension URL Button show a string when hovered over
单击按钮时如何滚动到元素并使其悬停？
[英]How to scroll to an element when a button is clicked and also make it hovered?
当鼠标悬停任一元素时，如何使多个元素改变背景颜色？
[英]How to make multiple elements change background color when either element is hovered over by the mouse?
如何使HTML元素仅在悬停时跟随光标，而不是其他方式？
[英]How to make a HTML element follow your cursor only when hovered over, and not otherwise?
单击时javascript切换不起作用，但将鼠标悬停在按钮上时css起作用
[英]javascript toggle not working whenclicked but css works when a button is hovered over
如何使信息仅在使用jQuery和CSS悬停时显示？
[英]How to make information appear only when hovered over using jquery and css?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.