javascript: How to check if an element is clickable or not - Stack Overflow

admin管理员组

文章数量:1330372

My naive approach is the following:

function isClickable(id){     
     elem = document.getElementById(id);
     if (elem.nodeName.toLowerCase() == 'a' || typeof(elem.click) != 'undefined'){
        return true;     
     }else{
        return false;     
     }
}    

Is there anything better I can do?

My naive approach is the following:

function isClickable(id){     
     elem = document.getElementById(id);
     if (elem.nodeName.toLowerCase() == 'a' || typeof(elem.click) != 'undefined'){
        return true;     
     }else{
        return false;     
     }
}    

Is there anything better I can do?

• javascript
• clickable

Share Improve this question Follow asked Apr 12, 2011 at 7:50 GuyGuy 14.8k2727 gold badges7272 silver badges8888 bronze badges 8

• 3 i mean, technically everything is clickable... – Jason Commented Apr 12, 2011 at 7:57
• You're right. Would it help if I rephrase to: "if I click on it, will something happen?" – Guy Commented Apr 12, 2011 at 8:00
• what are you trying to acplish by determining this? – Jason Commented Apr 12, 2011 at 8:01
• Actually Firefox needs a nasty script to make it possible to click some html elements programatically – mplungjan Commented Apr 12, 2011 at 8:01
• My goal is testing - after I do some action, does an element bee clickable (stops being clickable) – Guy Commented Apr 12, 2011 at 8:04

 |  Show 3 more ments

1 Answer 1

Sorted by: Reset to default 1

For most elements...

if(e.getAttribute('onclick')!=null){

 // clickable

}

For anchors...

if(e.getAttribute('href')!=null){

 // clickable

}

Then you have form buttons which require a little more code, and finally you have click-event bubbling to deal with so a perfect solution covering ALL elements would be a nightmare!

However, if you just want something SIMPLE for containers and anchors only, then we can bine the logic above with a...

if((e.getAttribute('onclick')!=null)||(e.getAttribute('href')!=null)){

 // clickable

}

For the reverse...

if((e.getAttribute('onclick')===null)&&(e.getAttribute('href')===null)){

 // not clickable

}

本文标签： javascript How to check if an element is clickable or notStack Overflow