Question

<a href="javascript: void(0);" onclick="callFunction()"><img src="imagePath" border="0" alt="" title="" />

如果我单击锚标记，它将调用函数callFunction（）。单击锚标记后，如果我按下enWter键，则再次调用该函数。如何防止在锚标记中输入onclick？

Answer 1

在你的JS中 - 你可以调用模糊（），它将会“无法聚焦”。自点击以来的链接 - 在callFunction（）中：

$(anchorDomEl).blur()

Answer 2

使用CSS：

master

使用jQuery：

M4

Answer 3

点击链接后，它会变得有针对性您可以使用jQuery blur() 函数删除焦点：

var x = 0;

$("#link1").click(function() {
    $("#result").text(++x);
});

$("#link2").click(function() {
    $("#result").text(++x);
    $(this).blur();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a id="link1" href="#anchor">Message on enter after click</a>	
<br/>
<a id="link2" href="#anchor">No message on enter after click</a>	

<div id="result"></div>

Answer 4

function callFunction(e)
{
    if(e.keyCode==13)
        return false;
    // 13 is the keycode for enter key  , dont mind if the code is a bit wrong , but u got what i mean
    // your rest of the code
}

<a href='javascript:vois(0)' onclick='callFunction(event)'>your button</a>

说明：你可以在函数＆＃34; callFunction＆＃34;中传递一个事件处理程序。并且该事件将在按下的每个键上触发，因此如果按下回车键，则触发功能，即输入键的键码为13 enter key，因此当您按下回车键时，它将检测并返回false，并且该功能将不再执行

如何防止在锚标记中输入onclick？

4 个答案: