大佬教程收集整理的这篇文章主要介绍了jquery – 在单击保持和拖动期间,偏移不会更新mousedown事件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
如果单击并拖动,我如何修改此脚本以允许更新坐标？当我按住单击并移动鼠标时,允许坐标更新.
http://jsfiddle.net/lonesomeday/5qxtL/2/
来自小提琴的代码：
$('#target').mousedown(function(E) {
var offset = $(this).offset(),imgLeft = e.pageX - offset.left,imgTop = e.pageY - offset.top;
$('#result').text('Mouse clicked x = ' + imgLeft + ' Y = ' + imgTop);
});
我尝试了一些不同的东西,但到目前为止还没有任何工作,除了没有答案的问题之外,找不到另外一个类似的问题.
谢谢
var mouseDownFlag = false; $('#target').mousedown(function(E) { mouseDownFlag = true; var offset = $(this).offset(),imgTop = e.pageY - offset.top; $('#result').text('Mouse clicked x = ' + imgLeft + ' Y = ' + imgTop); }); $('#target').mouseup(function(E) { mouseDownFlag = false; }); $('#target').mousemove(function(E) { if (mouseDownFlag) { var offset = $(this).offset(),imgTop = e.pageY - offset.top; $('#result').text('Mouse clicked x = ' + imgLeft + ' Y = ' + imgTop); } });
div { width: 200px; height: 100px; position: relative; left: 30px; top: 15px; BACkground-color: #f00; } #result { BACkground-color: #fff; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="target">My target div</div> <div id="result"></div>
以上是大佬教程为你收集整理的jquery – 在单击保持和拖动期间,偏移不会更新mousedown事件全部内容，希望文章能够帮你解决jquery – 在单击保持和拖动期间,偏移不会更新mousedown事件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。