¡@
2014/10/16 ¤W¤È 12:03:05
jquery Programming Glossary: e.clientxDetecting Click Inside IFrame Using Invisible div http://stackoverflow.com/questions/10226448/detecting-click-inside-iframe-using-invisible-div mx 0 my 0 '.overlay' .on 'mousemove click' function e mx e.clientX this .position .left my e.clientY this .position .top if e.type..
SVG draggable using JQuery and Jquery-svg http://stackoverflow.com/questions/1108480/svg-draggable-using-jquery-and-jquery-svg drawShape e var svg #target .svg 'get' '#result' .text e.clientX e.pageX var dragme svg.circle e.clientX e.clientY 5 fill 'green'.. '#result' .text e.clientX e.pageX var dragme svg.circle e.clientX e.clientY 5 fill 'green' stroke 'red' 'stroke width' 3 class_..
jQuery - drag div css background http://stackoverflow.com/questions/11271704/jquery-drag-div-css-background e var inbounds x false y false offset x start.x origin.x e.clientX y start.y origin.y e.clientY inbounds.x offset.x 0 offset.x.. 'background position' start.x 'px ' start.y 'px' origin.x e.clientX origin.y e.clientY e.stopPropagation return false function handle.. bg.unbind 'mousemove' move if e.type 'mousedown' origin.x e.clientX origin.y e.clientY movecontinue true bg.bind 'mousemove' move..
How to drag images / objects within Canvas? http://stackoverflow.com/questions/18333936/how-to-drag-images-objects-within-canvas translationY var r canvas.getBoundingClientRect x e.clientX r.left y e.clientY r.top i 0 r inTooltip false if typeof.. parseInt 20 scaleValue clearTooltip showTooltip e.clientX e.clientY i inTooltip true else console.log 'else' for.. transY parseInt 20 clearTooltip showTooltip e.clientX e.clientY i inTooltip true for var i 0 r dataJSON2 i i ..
getting the X/Y coordinates of a mouse click on an image with jQuery http://stackoverflow.com/questions/2159044/getting-the-x-y-coordinates-of-a-mouse-click-on-an-image-with-jquery 'img' .click function e var offset this .offset alert e.clientX offset.left alert e.clientY offset.top I've made a live example..
How do I efficiently highlight element under mouse cursor with an overlay? http://stackoverflow.com/questions/4711023/how-do-i-efficiently-highlight-element-under-mouse-cursor-with-an-overlay el.className outer box.hide el document.elementFromPoint e.clientX e.clientY el el offset el.offset box.css width el.outerWidth..
http://stackoverflow.com/questions/6258521/clear-icon-inside-input-text 'mousemove' '.x' function e this tog this.offsetWidth 18 e.clientX this.getBoundingClientRect .left 'onX' .on 'click' '.onX' function..
Detecting Click Inside IFrame Using Invisible div http://stackoverflow.com/questions/10226448/detecting-click-inside-iframe-using-invisible-div POSITIONS the overlay will prevent clicks on iframe page var mx 0 my 0 '.overlay' .on 'mousemove click' function e mx e.clientX this .position .left my e.clientY this .position .top if e.type 'click' alert 'clicked at X ' mx ' Y ' my share improve..
SVG draggable using JQuery and Jquery-svg http://stackoverflow.com/questions/1108480/svg-draggable-using-jquery-and-jquery-svg e.pageY function drawInitial svg svg.add '#svginline' function drawShape e var svg #target .svg 'get' '#result' .text e.clientX e.pageX var dragme svg.circle e.clientX e.clientY 5 fill 'green' stroke 'red' 'stroke width' 3 class_ 'drag' dragme .draggable.. '#svginline' function drawShape e var svg #target .svg 'get' '#result' .text e.clientX e.pageX var dragme svg.circle e.clientX e.clientY 5 fill 'green' stroke 'red' 'stroke width' 3 class_ 'drag' dragme .draggable script head body div id target div..
jQuery - drag div css background http://stackoverflow.com/questions/11271704/jquery-drag-div-css-background x 0 y 0 start x 0 y 0 movecontinue false function move e var inbounds x false y false offset x start.x origin.x e.clientX y start.y origin.y e.clientY inbounds.x offset.x 0 offset.x 1 bounds.w inbounds.y offset.y 0 offset.y 1 bounds.h if movecontinue.. inbounds.y start.x offset.x start.y offset.y this .css 'background position' start.x 'px ' start.y 'px' origin.x e.clientX origin.y e.clientY e.stopPropagation return false function handle e movecontinue false bg.unbind 'mousemove' move if e.type.. return false function handle e movecontinue false bg.unbind 'mousemove' move if e.type 'mousedown' origin.x e.clientX origin.y e.clientY movecontinue true bg.bind 'mousemove' move else document.body .focus e.stopPropagation return false..
How to drag images / objects within Canvas? http://stackoverflow.com/questions/18333936/how-to-drag-images-objects-within-canvas transX transY document.body.style.cursor 'default' var translationX translationY var r canvas.getBoundingClientRect x e.clientX r.left y e.clientY r.top i 0 r inTooltip false if typeof startCoords 0 'undefined' startCoords 0 'NaN' typeof startCoords.. dataJSON i .y 0 scaleValue y parseInt dataJSON i .y 0 scaleValue parseInt 20 scaleValue clearTooltip showTooltip e.clientX e.clientY i inTooltip true else console.log 'else' for var i 0 r dataJSON i i console.log 'else for' if x parseInt.. parseInt dataJSON i .y 0 scaleValue parseInt scaleValue parseInt transY parseInt 20 clearTooltip showTooltip e.clientX e.clientY i inTooltip true for var i 0 r dataJSON2 i i console.log 'else for' if x parseInt parseInt dataJSON2 i..
getting the X/Y coordinates of a mouse click on an image with jQuery http://stackoverflow.com/questions/2159044/getting-the-x-y-coordinates-of-a-mouse-click-on-an-image-with-jquery top of the image. Here is an example document .ready function 'img' .click function e var offset this .offset alert e.clientX offset.left alert e.clientY offset.top I've made a live example here and here is the source. To calculate how far from..
How do I efficiently highlight element under mouse cursor with an overlay? http://stackoverflow.com/questions/4711023/how-do-i-efficiently-highlight-element-under-mouse-cursor-with-an-overlay return last now if el document.body box.hide return else if el.className outer box.hide el document.elementFromPoint e.clientX e.clientY el el offset el.offset box.css width el.outerWidth 1 height el.outerHeight 1 left offset.left top offset.top box.show..
http://stackoverflow.com/questions/6258521/clear-icon-inside-input-text .on 'input' '.clearable' function this tog this.value 'x' .on 'mousemove' '.x' function e this tog this.offsetWidth 18 e.clientX this.getBoundingClientRect .left 'onX' .on 'click' '.onX' function this .removeClass 'x onX' .val '' The trick is to set..
|