纯Javascript Div点击检查

Question

我有这样的包含svg的div，我想在这个潜水点击事件时做点什么，我该怎么做

代码

if (document.getElementById("isparta").onclick) {
alert('ok')
};

<g id="isparta" data-plakakodu="32" data-alankodu="246" data-iladi="Isparta">
test click
</g>

Answer 1

您在正确的行上。

有几种方法可以连接像onclick这样的事件侦听器，但现代Javascript中一种标准的不引人注目的方法是：

• 抓取DOM元素
• 声明一个命名函数
• 将.addEventListener()方法应用于元素，并将命名函数用作回调

---

示例：

const isparta = document.getElementById('isparta');
const activateAlert = () => { alert('ok'); };
isparta.addEventListener('click', activateAlert, false);

Answer 2

好了。这只是一个语法错误。onclick应该接收如下函数：

document.getElementById("isparta").onclick = function() {
alert("hello");
}

<g id="isparta" data-plakakodu="32" data-alankodu="246" data-iladi="Isparta">
test click
</g>

Answer 3

您还可以在HTML中定义onclick函数。

<g id="isparta" data-plakakodu="32" data-alankodu="246" data-iladi="Isparta" onclick="alert('hello')">
test click
</g>

或者，如果你想要更多的代码行，只需用html给出函数的名称，并用JavaScript:定义函数

<g id="isparta" data-plakakodu="32" data-alankodu="246" data-iladi="Isparta" onclick="myFunction()">
test click
</g>

function myFunction() {
alert("hello"); 
}