I have created a form-based web application with jQuery-UI and DataTables v1.9 ... etc. Recently, I added a new feature to allow shift-click to highlight multiple row in DataTables for advanced operations. I know that shift-click will highlight texts, but this time it works unexpected to me, take jQuery-UI demo page as example:
text highlight goes outside dialog
When shift-click upward instead of downward in DataTables, much more texts were highlighted. I have applied JavaScript on tbody of DataTables to hide such behavior from users for now:
$("table#data_table1 > tbody")[0].onselectstart = function() { return false; }
Actually, I just want to prevent the highlight bubbling out of jQuery-UI dialog, how do I modify the JavaScript to stop the bubbling?