[英]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.