jQuery check if onClick exists on element

Question

I found the way to check if event exists on element. But it's not work on the events which is not delegated by jQuery:

When I try,

$("a").data("events");

for this.

<a href="#" onClick="alert('Hello, World!')" />

It returned undefined.

Is there any way to check if onClick exists on elements with jQuery?

score 20 · Accepted Answer · answered Dec 07 '09 at 10:35

20

You can do:

if ($('a').attr("onClick") != undefined) {}

answered Dec 07 '09 at 10:35

Tim Ebenezer

score 8 · Answer 2 · answered Dec 28 '11 at 09:29

8

Just do:

if( myelement.onclick != null )
{
   //onclick exists
}
else
{
   //onclick doesn't exist
}

No need for jQuery.

answered Dec 28 '11 at 09:29

Gabriel Hautclocq

2

I'm trying to test if an event listener has been setup as part of a JS Unit test... how how can i test if it has been setup or not?? This isn't working, always returns true... console.log(document.body.click.length); document.body.addEventListener('click', function () { alert('hi')},false) console.log(document.body.click.length); – Will Hancock Oct 05 '12 at 10:58

score 3 · Answer 3 · answered Aug 17 '12 at 23:29

3

if( $('#elementName').click == undefined)  
   { //event handler doesn't exist }
else 
   { //handler exists }

answered Aug 17 '12 at 23:29

pencilslate

score 0 · Answer 4 · answered Nov 30 '12 at 05:04

For sure there are some valid answers here, this was a good one that got me going.

if ($('a').attr("onClick") != undefined) {}

But I found the best answer for you, as it was for since we are both dealing with hyperlinks, would looking for the href attribute.

if ($('a').attr("href") != undefined) {}

I particularly liked this approach.

score 0 · Answer 5 · answered Dec 07 '09 at 18:18

0

I think the following things should also work

if ($(yourElement).attr("onClick").length != 0) {}

if ($(yourElement).attr("onClick").size() != 0) {}

Thanks

answered Dec 07 '09 at 18:18

Mahesh Velaga

5 Answers5