纯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中，一种标准的不引人注目的方法是：

element

• declare
• 获取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

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

<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"); 
}