1 2 3 4 5 6 7 8 9 10 11 12 13 | // set up the div that will capture our events <div id=rightClickSample></div> // when the right mouse is clicked on this div, increase the width // by 10 pixels. Also, do not show the browser-specific pop-up // menu // This, of course, should be in the $(document).ready function $("#rightClickSample").rightClick(function(e){ $(this).width($(this).width()+10); }); $("#rightClickSample").noContext(); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | // set up the div that will capture our events <div id=extendedClickSample></div> // when the left mouse is clicked with the shift key held down, // grow the div by 10 pixels $("#extendedClickSample").shiftclick(function(e){ $(this).width($(this).width()+10); }); // when the left mouse is clicked with the ctrl key held down, // shrink the div by 10 pixels $("#extendedClickSample").ctrlclick(function(e){ $(this).width($(this).width()-10); }); |
1 2 3 4 5 6 7 8 9 10 11 | // set up the div that will capture our events <div id=wheelSample></div> // attach an event handler for the wheel to this div // notice that we use the e.delta to determine how many "notches" the wheel // was moved. One notch is either 1 (if up), or -1 (if down). So, as // a result, we can simply add it to the current width, letting the // sign of the delta grow or shrink the div. $("#wheelSample").wheel(function(e){ $(this).width($(this).width()+10*(e.delta)); }); |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |