草庐IT

鼠标移动速度

全部标签

javascript - 缓慢移动鼠标时不会触发 mouseleave

如果您将mouseleave监听器放在页面最顶部的div上,如果您将鼠标缓慢移出页面顶部,它不会在Chrome上触发(但如果您快速移动,它会起作用).如果您在文档或正文中监听事件,也是一样的。在Firefox中运行良好。您可以在thiscodepen中看到问题.取消注释CSS填充以查看我当前的解决方法。有没有想过为什么会这样?可能是Webkit错误?还有其他解决方法吗?更新:这与jQuery无关-我在Chrome中使用nativemouseleaveJavaScript事件重现了这个问题。更新:提交Chromium问题:mouseleavenotfiredwhenmovemousesl

javascript - jQuery backstretch 图像自动移动和返回

我在我的网站上使用了backstretch。现在尝试自动从左向右和向后移动背景。但直到现在,它只是朝着一个方向发展。我正在寻找那个移动图像的连续循环。如何重置/移回图像?backstretch.js:http://dev.disaster-kfw.com/fileadmin/template/js/slidebackground.js一些用于移动效果和初始化的javascriptvarimages=['fileadmin/template/gfx/background02-03.jpg'];jQuery.backstretch(images[Math.floor(Math.random

javascript - 将两个图像拖在一起,但将移动限制在垂直轴上

我想在一个页面上将两个图像一起移动。其布局如下:|1.1|--2.1--||1.2|--2.2--||1.3|--2.3--||1.4|--2.4--|因此图像彼此相邻,以“1”开头的单元格属于第一张图像,以“2”开头的单元格属于第二张图像。当我拖动任何图像时,预期的行为是两个图像都移动,但图像1仅在垂直轴上移动。(所以它仍然在左边,但可能会像图片2一样上下移动。这张图片将用作一种标题,需要始终在左侧可见,但需要垂直同步与图像2.),图像2可以沿两个轴移动。在示例中,这意味着第一个图像的1.1部分将始终与第二个图像的2.1部分对齐。有没有可能支持这个的JS框架?我试过使用fabricJ

javascript - Jquery 速度,使用 .html(string) 真的很慢,我怎样才能加快速度?

我有一个函数平均需要250毫秒才能完成。我想在更短的时间内完成此操作,functionupdateDisplay(){varstart=newDate().getTime();var$this=$(this);vardata=$this.data('ansi');varhtml='';for(vari=0;i';}varcreate=newDate().getTime();console.log('Buildhtml:'+(create-start));$this.html(html);varend=newDate().getTime();console.log('Updatehtml

javascript - 我可以以平台中立的方式查询无 URL 栏移动 Safari 窗口高度吗?

我正在编写一个类似于您在iPhone应用程序商店中获得的横向滚动文本阅读器小部件,其中应用程序的屏幕截图面板是嵌入在主垂直滚动面板中的不同的水平滚动面板。在所有版本(包括全分辨率键盘/鼠标计算机样式)中,面板占据容器宽度的100%,因此它就像横跨页面的水平条纹。在小分辨率触摸界面版本中,即对于智能手机,我希望它也调整大小为窗口的整个高度,以便当您垂直滚动到它时,它可以占据整个屏幕。iPhone使这变得棘手,因为$(window).height()或您想要查询它的方式似乎取决于URL栏是否可见。如果不对代码进行特殊封装以了解它是否在iPhone上,或者添加hack来滚动窗口以关闭URL栏

javascript - jQuery 移动 : Pinch/Zoom/Scale Gesture - console. 日志 ('something' );

我根本无法在文档或任何地方找到有关如何使用jQueryMobile在触摸设备上检测简单的缩放手势的任何内容?我也会考虑使用另一个库或任何东西。我只想检测用户是否试图缩放网站上的内容。所以我不需要处理网站元素上的捏合手势,而是网站本身。我只想听听我网站上的捏合手势。知道怎么做吗?谢谢 最佳答案 vendor的支持各不相同,而iOS是唯一可以可靠地使用多点触控Javascript事件的平台。http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Re

javascript - 为什么使用 while 循环填充新数组的速度如此之快?

我正在考虑使用native方法创建包含默认值的数组的方法,结果是functionpushMap(length,fill){vara=[],b=[];a.length=length;b.push.apply(b,a);returnb.map(function(){returnfill;});}预计它比while循环慢2或3倍,因为native方法必须循环两次而while只循环一次,所以我比较了它jsperf反对functionwhileLengthNew(len,val){varrv=newArray(len);while(--len>=0){rv[len]=val;}returnrv;

javascript - 将鼠标坐标转换为 3D 平面图

我正在使用javascript/jquery(基于DOM,而非Canvas)构建某种拖放应用程序。想法是能够在3D场景上拖动div(在3D中旋转的div)。它在2D平面上工作,问题是当我在3D中旋转场景时,对象位置不反射(reflect)实际鼠标位置,而是在3D中转换的坐标示例:EXEMPLEONJSFIDDLE我希望对象相对于鼠标的绝对位置移动。我这样计算鼠标位置:document.addEventListener(gestureMove,function(event){if(mouseDown==true){event.preventDefault();moveX=(event.p

javascript - Fabricjs 检测鼠标悬停在对象路径上

只有当鼠标在形状本身上而不是包含它的假想正方形上时,才可以在Fabric.js中捕获object:over吗?我有一个jsFiddledemo,其中包含一个U形。您可以看到,即使我将指针放在U内并且没有接触任何线条,它仍然会将其检测为object:over事件。Javascript:varcanvas=newfabric.Canvas("c1",{isDrawingMode:false});canvas.loadFromJSON(objectsJson,function(){canvas.renderAll();});canvas.on("object:over",function()

javascript - 在固定区域随机移动图像

我正在使用此代码在一个区域中随机移动图像。但我需要始终显示至少3张图像。这是我所做的:HTMLImage1Image2Image3Image4Image5Image6jQuery(functionfadeInDiv(){vardivs=jQuery('.fade');varelem=divs.eq(Math.floor(Math.random()*divs.length));if(!elem.is(':visible')){elem.prev().remove();elem.fadeIn(Math.floor(Math.random()*1000),fadeInDiv);}else{e