jQuery disable click but not link

Question

I just want to disable the ability for a user to click, with the exception of links

$('selector').children().not('a').click(function(e) {
  return false;
});

this doesn't work.. thanks

What does "doesn't work" mean? Are you getting errors? Is it partially working? — j08691
– j08691, Commented Aug 23, 2013 at 14:14
Disable the ability for users to click what? Buttons? And you're selecting elements called selector. — rink.attendant.6
– rink.attendant.6, Commented Aug 23, 2013 at 14:14

Joseph Silber · Accepted Answer · 2013-08-23 14:14:09Z

3

children only selects the immediate children.

To disable all of selector's descendants, use this:

$('selector :not(a)').click(function(e) {
    e.preventDefault()
});

Or, to be a little more efficient, use delegation:

$('selector').on('click', ':not(a)', function(e) {
    e.preventDefault()
});

answered Aug 23, 2013 at 14:14

Joseph Silber

221k59 gold badges369 silver badges293 bronze badges

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

Comments

Sasanka Panguluri · Accepted Answer · 2013-08-23 14:17:58Z

0

When you want to disable the user from clicking stuff other than links, simply do this:

$('selector').find(':not(a)').click(function(e){
    e.preventDefault()
})

It applies to all elements other than links.

answered Aug 23, 2013 at 14:17

Sasanka Panguluri

3,1484 gold badges35 silver badges54 bronze badges