单击后切换锚点击功能

时间:2012-04-26 17:18:05

标签: javascript

是否可以在单击锚点后更改执行哪个onclick javascript函数?

示例:

<a id="myLocation" class="locator" href="#" onclick="javascript:getMyLocation();">&nbsp;&nbsp;&nbsp;&nbsp;My Location</a>

当用户点击此锚点时,他们的位置会显示在带有标记的地图上。

我希望onclick现在更改为RemoveLocation(),这样当他们再次点击锚点时,会删除地图上的位置标记。

getMyLocation()和RemoveLocation已经编写我只需要在用户点击锚点后更改onclick事件,如果可能的话。

2 个答案:

答案 0 :(得分:1)

将此添加到您的getMyLocation()功能:

document.getElementById("myLocation").onclick = RemoveLocation;

RemoveLocation()函数中:

document.getElementById("myLocation").onclick = getMyLocation;

答案 1 :(得分:1)

是的,有可能!

您只需要为该元素上的click事件重新分配事件处理程序。

类似的东西:

function getMyLocation() {

    ...

    document.getElementById("myLocation").onclick = RemoveLocation;
}


function RemoveLocation() {

    ...

    document.getElementById("myLocation").onclick = getMyLocation;
}

或者如果您使用的是jQuery,请参阅toggle event function