如何使用preventDefault（）（或類似方法）阻止鏈接停止工作？

Question

<script>
function test() {
var name=prompt ("Some question / text")
if (name.toLowerCase()=="TextToBlock") {
alert ("text");
name.preventDefault();
}
else {
}
}
</script>


<body>
< a id="link"  onclick="test()" href="http://www.example.com">Text</a>
</body>

我希望這樣，如果有人在提示框中鍵入“ TextToBlock”，它將阻止用戶進入鏈接位置。

謝謝。

Answer 1

您只需要從點擊處理程序中拾取event對象。 （請參見小提琴http://jsfiddle.net/amyamy86/pJvZd/ ）

function test(event) {
    event = event || window.event;
    var name = prompt("Some question / text")
    if (name.toLowerCase() === "texttoblock") {
        alert("text");
        event.preventDefault();    // block link from working
    } else {
    }
};

<body>
    <a id="link"  onclick="test()" href="http://www.example.com">Text</a>
</body>

閱讀有關Javascript事件對象的更多信息： http : //javascript.info/tutorial/obtaining-event-object

另外，請使用===進行嚴格比較。 另外，由於您已轉換名稱.toLowerCase() ，因此應將其與小寫的 texttoblock進行比較。

Answer 2

您只需一行就可以滿足所有要求：

<script>
  function test() {
    return "texttoblock" === prompt("Some question / text").toLowerCase() ? (window.event.preventDefault(), alert("text"), !1) : !0
  };
</script>

<body>
  <a id="link" onclick="test()" href="http://www.example.com">Text</a>
</body>

演示： JSFiddle

PS：如果要防止在用戶鍵入“ TextToBlock”（ 區分大小寫 ）時加載鏈接，請在測試功能中將“ texttoblock”更改為“ TextToBlock”，然后刪除.toLowerCase() 。

如何使用preventDefault（）（或類似方法）阻止鏈接停止工作？

問題描述

2 個解決方案

解決方案1
1 2013-03-20 17:33:28

解決方案2
0 2013-03-20 17:30:51

如何使用preventDefault（）（或類似方法）阻止鏈接停止工作？

問題描述

2 個解決方案

解決方案1 1 2013-03-20 17:33:28

解決方案2 0 2013-03-20 17:30:51

解決方案1
1 2013-03-20 17:33:28

解決方案2
0 2013-03-20 17:30:51