Question

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

以下是样本。

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

如何只点击一次地图区域？

1 个答案: