javascript - 如何仅单击 map 区域一次？

Question

我正在创建一项医疗评估，您可以在该页面中选择疼痛的 body 部位。单击 body 部位后，其名称将显示在下方。问题是重复点击时会显示多次。有没有办法阻止点击事件重复？

这是示例。

http://jsfiddle.net/qpmxnv2g/6/

var map = document.getElementById("Map");
map.addEventListener("click", function (e) {
    callAction(e.target);
});
map.one("click", function (e) {
    callAction(e.target);
});

var body = [];
document.getElementById("body").innerHTML = body;

function callAction(area) {
    body.push(area.title);
    document.getElementById("body").value = body;
}

document.getElementById("Clear").addEventListener('click', function () {
    body.length = 0;
    document.getElementById("body").value = '';
});

Answer 1

像这样改变你的函数:-

function callAction(area) {
    if (body.indexOf(area.title) !== -1) { return; }
    body.push(area.title);
    document.getElementById("body").value = body;     
 }

Demo