Pure Javascript Div Click Check

Question

I have div containing svg like this i want to do something when this dive click event how can i do

Code

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

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

javascript.info/introduction-browser-events

meriton
– meriton

2021-06-01 14:48:00 +00:00
Commented Jun 1, 2021 at 14:48 — meriton
– meriton, Commented Jun 1, 2021 at 14:48

Rounin · Accepted Answer · 2021-06-01 14:49:20Z

1

You are on the right lines.

There are several ways to attach an Event Listener like onclick but a standard unobtrusive approach in modern Javascript would be to:

grab the DOM element
declare a named function
apply the .addEventListener() method to the element, with the named function as callback

Example:

const isparta = document.getElementById('isparta');

const activateAlert = () => { alert('ok'); };

isparta.addEventListener('click', activateAlert, false);

answered Jun 1, 2021 at 14:49

Rounin

29.9k13 gold badges102 silver badges127 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hassen Ch. · Accepted Answer · 2021-06-01 14:50:51Z

1

There you go. It's just a syntax mistake. onclick should receive a function like following:

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

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

answered Jun 1, 2021 at 14:50

Hassen Ch.

1,8331 gold badge21 silver badges32 bronze badges

3 Comments

Eyüp Fidan Over a year ago

how can i do this with if query make an event if clicked

Hassen Ch. Over a year ago

It's not done like that. You don't need and if to check if the button is clicked or not. The click event is saved in the DOM and it is fired when you click the button. No need for if, the browser does this automatically.

Hassen Ch. Over a year ago

@EyüpFidan please accept the answer if it's what you want.

Bikram Kumar · Accepted Answer · 2021-06-02 01:49:34Z

1

You can also define the onclick function in HTML.

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

OR if you want more lines of code just give the name of the function, in html and define the function in JavaScript:

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

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

answered Jun 2, 2021 at 1:49

Bikram Kumar

4431 gold badge6 silver badges17 bronze badges

Collectives™ on Stack Overflow

Pure Javascript Div Click Check

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related