jquery - Disabling every html DOM element excluding specific #id -


actually trying disable element in html page, there element want active.

$('body').find('*').attr('onclick',"return false;"); //disabling elements // trying make id("prerequisitedetails") active. $("#prerequisitedetails").parents().attr('onclick',null).off('click'); 

can tell me proper way this.

can tell me proper way this.

don't use onclick attributes, use real event handlers.

this should it:

$('body')     .find('*')     .not($("#prerequisitedetails").parents().addback())     .click(false); 

what does:

  • finds elements descendants of body
  • from set, removes ones prerequisitedetails element or of parents. note addback we're including element itself.
  • uses jquery shorthand click handler returns false.

although thinking it, sure want allow clicks on element's parents rather descendants? may want:

$('body')     .find('*')     .not($("#prerequisitedetails").find("*").addback())     .click(false); 

that's above, elements leaves "enabled" prerequisitedetails element , descendants.

it's bit brute-force, though. might questions , answers related modal dialogs, typically use shim element capture clicks, , position element want have "above" in front of element using z-index.


Comments

Popular posts from this blog

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -

javascript - oscilloscope of speaker input stops rendering after a few seconds -