javascript - クリック後のアンカーのクリック機能の切り替え

Question

アンカーがクリックされた後に実行される onclick JavaScript 関数を変更することは可能ですか?

例：

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

ユーザーがこのアンカーをクリックすると、ユーザーの場所がマーカー付きで地図上に表示されます。

onclick を RemoveLocation() に変更して、アンカーをもう一度クリックすると、地図上の自分の位置のマーカーが削除されるようにします。

getMyLocation() と RemoveLocation は既に記述されています。可能であれば、ユーザーがアンカーをクリックした後に onclick イベントを変更する必要があります。

Answer 1

getMyLocation()これを関数に追加します。

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

そしてRemoveLocation()関数で：

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

Answer 2

はい、可能です！

その要素のクリック イベントのイベント ハンドラーを再割り当てするだけです。

何かのようなもの：

function getMyLocation() {

    ...

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


function RemoveLocation() {

    ...

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

または、jQuery を使用している場合は、トグル イベント関数を参照してください。