jQuery技术:在javascript中检测元素是否偏离屏幕右边缘60%

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

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

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

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

    好的,来吧。

    剧本:

    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上进行了演示 。 我希望这段代码包含您需要的所有信息。

      以上就是jQuery教程分享在javascript中检测元素是否偏离屏幕右边缘60%相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注(计算机技术网)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请点击右边联系管理员删除。

      如若转载,请注明出处:https://www.ctvol.com/jquerytutorial/532408.html

      (0)
      上一篇 2020年12月21日
      下一篇 2020年12月21日

      精彩推荐