Tag: drag

Firefox：无法拖动超链接的元素子项

考虑以下标记： Foo Bar 现在将一个dragstart事件附加到sup元素： $(document).ready(function () { $(“sup”).on(‘dragstart’, function(e) { console.log(‘shikaka’); }); }); 这个活动永远不会开火。 我一直在研究，在Firefox中，默认情况下链接是可拖动的，所以我认为这可能有效： $(document).ready(function () { $(“.link”).on(‘dragstart’, function(e) { e.preventDefault(); e.stopPropagation; //event return false; does not work. }); $(“sup”).on(‘dragstart’, function(e) { console.log(‘shikaka’); }); }); 并且， 也不起作用。 我甚至尝试了一些“疯狂”的东西，比如向孩子触发事件： $(“.link”).on(‘dragstart’, function (e) { e.preventDefault(); e.stopPropagation; $(this).find(‘sup’).trigger(‘dragstart’); }); 互联网上有一些post表明你也可以通过取消mousedown事件来禁用该事件。 以上任何一个尝试使用dragenter和mousedown例子都具有相同的效果。 我的问题是，有没有办法在firefox中“短路”默认事件，使其触发子元素的事件？ 或者，有没有办法只阻止父事件，但仍然能够拖动子元素？

当鼠标（或手指）不再拖动时，我怎样才能在更改时运行AJAX调用？

我有一系列交互式滑块可以更改计算值。 计算在拖动手柄的每个微小移动上运行（通过mousedown或触摸拖动事件）。 我需要使用值更新数据库，但是只想在用户“删除”句柄后获取值。 如何确定手指或鼠标是否已关闭，以便跳过AJAX调用？ function handleIsBeingDragged() { // calculations based on all the input values here // pseudo-code to check for mouseup event if (mouseUp) { // save only if mouse is now up – to avoid hundreds of updates per drag event $.ajax(); } }