在javascript中检测元素是否偏离屏幕右边缘60％

使用Javascript的本机拖动，如何检测对象何时离屏幕/窗口的右边缘60％。 意思是40％的显示？

60％，我的意思是等于窗口当前宽度的60％。 因此，当隐藏窗口当前宽度的60％时，显示窗口宽度的40％或更少。

我需要将此作为if条件，其套件可以是jQuery代码。

我试过的是使用Pep.js插件和第一个其他如果在拖动选项内。 这里和代码更详细： 即使if语句中发生警报，​​if语句中的jQuery代码仍未运行

Answer 1

好的，来吧。

剧本：

window.onload = function () { var AniMove = function (doc, element) { var ox, oy, mx, my, w = element.offsetWidth, mouseMove = function (e) { e.preventDefault(); if (element.offsetLeft + 0.4 * w > window.innerWidth) { // 60% of the element's width is outside of the window now... do something return; } element.style.left = element.offsetLeft + e.clientX - mx + 'px'; element.style.top = element.offsetTop + e.clientY - my + 'px'; mx = e.clientX; my = e.clientY; return false; }, mouseUp = function () { doc.removeEventListener('mousemove', mouseMove); doc.removeEventListener('mouseup', mouseUp); return; }, mouseDown = function (e) { ox = mx = e.clientX; oy = my = e.clientY; doc.addEventListener('mousemove', mouseMove, false); doc.addEventListener('mouseup', mouseUp, false); return; }; element.addEventListener('mousedown', mouseDown, false); }, drag = new AniMove(document, document.getElementById('square')); } 

和HTML：

最后的CSS：

 DIV { position: fixed; width: 100px; height: 100px; background: #f00; } 

完成所有这些后，我们在jsFiddle上进行了演示 。 我希望这段代码包含您需要的所有信息。