草庐IT

鼠标移动速度

全部标签

javascript - jQuery 使用箭头键移动 div

我正在尝试使用箭头键移动一个div。我有以下代码不适合我。你看有什么问题吗?检查jsfiddlehttp://jsfiddle.net/N5Ltt/1/$(document).keydown(function(e){switch(e.which){case37:$('div').stop().animate({left:'-=10'});//leftarrowkeybreak;case38:$('div').stop().animate({top:'-=10'});//uparrowkeybreak;case39:$('div').stop().animate({left:'+=10'

javascript - 我将如何移动带有元素的 SVG 图案

这个问题在这里已经有了答案:HowtomakeSVGimagepatternfillmovewithobject?(4个答案)关闭1年前。我创建了这里看到的svg模式:然后在我的脚本中我创建了一个使用该模式的椭圆。问题是,当我四处移动椭圆时,图案仍然留在它后面,而不是随着椭圆移动。如何配置图案以与元素保持一致?

javascript - 如何在 Javascript 中移动子元素时触发一次鼠标事件?

当进入一个DOM元素时,mouseover事件会发生。在当前元素周围移动鼠标时,不会发生任何事件,因为mouseover用于进入。但是,对于子节点不遵守此规则。如果将鼠标移动到子节点上,mouseover事件将被一次又一次地触发,尽管没有新事件,因为我们仍在原始父节点中。查看此example.如果我们将鼠标移动到父元素上(实际上是在它的textNode上),没有新的事情发生,但是如果我们移动到子元素上(仍然在父元素上),它会一次又一次地触发mouseover事件.事实上,每次鼠标进入一个元素(甚至在原始父元素内部)时,它都会触发鼠标事件。我们如何才能使mouseover只移动一次以遍及

javascript - 使用 Javascript D3 库,如何在 mousemove 事件中确定鼠标在区域元素数据集中的位置?

我正在尝试为我创建的区域路径设置工具提示。我检查了传递给onmousemove事件处理程序的所有参数,我只是得到了完整的数据集0、0。据我所知,没有任何数据表明我在数据中的索引。“这个”上下文也是svg路径元素。还是没什么用。即使查看了d3.select(this),我也无法在任何地方找到索引。有什么方法可以确定我的鼠标在哪个数据点上吗?环顾四周,我发现了对d3.mouse(this)的引用,它为我提供了x/y坐标,但我如何将其映射回数据集中的数据点?我的目标是有一个工具提示来显示与集合中特定数据点相关的一些元数据。这里是一些请求的代码片段:vararea=d3.svg.area().

javascript - Twitter Bootstrap (v2.2.1) 下 zipper 接在移动设备上不起作用

我有一个TwitterBootstrap(v2.2.1)可折叠导航栏和下拉按钮。它们在我的桌面浏览器中工作得非常愉快,而且如果我将桌面浏览器窗口缩小到移动尺寸,它们也能愉快地工作。但是在移动设备上,当您点击下拉菜单时,下拉菜单会打开,但点击下拉菜单中的任何链接只会导致下拉菜单关闭,而不会点击链接。这似乎类似于thisotherSOquestion,但解决方案是将data-toggle="dropdown"移动到我已有的位置。这是下拉按钮页面上的html:DropdownbuttonRecentGoogleBing/***TwitterBootstrapJQuery*///!functi

javascript - Flexslider:在自定义按钮单击时移动到下一张幻灯片(有延迟)

我使用Flexslider已经有一段时间了并且很喜欢它,但是我有一个自定义函数,我正在尝试实现它,但我有点卡住了。在每张幻灯片中,我都有一些带有2个按钮的文本,基本上是true或false。单击其中一个按钮后,它们会根据用户是否选择了正确的答案进行动画处理。不管他们选择什么,在几秒钟的短暂延迟后,我希望幻灯片以动画方式播放到下一张幻灯片。我的flexslider调用如下所示:$(window).load(function(){$('.flexslider').flexslider({animation:"slide",animationLoop:false,slideshow:fals

javascript - 无法读取 Angular 移动设备中未定义的属性 'makeCurrent'

我已经按照angular移动了,https://github.com/angular/mobile-toolkit/blob/master/guides/cli-setup.md节点版本v4.4.3NPM版本2.15.1问题是当我键入$ngserve时遇到以下错误。Cannotreadproperty'makeCurrent'ofundefinedTypeError:Cannotreadproperty'makeCurrent'ofundefinedatObject.(/Users/user/Documents/Projects/PWA/hello-mobile/node_module

javascript - 从 Chart.js 的数据点进一步移动工具提示?

我今天开始弄乱Chart.js,到目前为止,它的易懂性给我留下了深刻的印象,即使对于像我这样的JavaScript初学者也是如此。我想在工具提示和图表上的数据点之间添加一些水平间距。默认情况下,插入点接触数据点。我想不通。我知道有一个position选项,但我不太明白它是如何使用的。我也尝试使用tooltips:{x}选项,但也没有成功。我猜我误解了那是干什么用的。下面是我到目前为止的一张图表...谢谢,感激不尽!//GlobalChart.jsoptionsChart.defaults.global.defaultFontFamily='Lato';Chart.defaults.gl

javascript - 如何检测鼠标是否在:before or over the :after part of an element上方

我有这个CSS来定义放置区域,用户可以在现有部分之前或之后放置一个部分。.section:before,.section:after{content:"[inserthere]";height:64px;line-height:56px;width:100%;display:block;border:3pxdashed#aaa;}这里使用JavaScript+JQuery是放置监听器,它检测当前鼠标下的元素:elem.on('drop',function(e){e.preventDefault();varcontainer=$(elem[0].elementFromPoint(e.cl

javascript - 如何使用 JavaScript 大致计算网站的连接速度?

如何使用JavaScript大致计算网站的连接速度?我想创建一个类似javascript的小部件,它将计算打开当前打开页面的速度。我想知道这是否可以只使用javascript来完成,想法是什么。更新请注意,页面大小始终为未知。 最佳答案 Here这是一个将AJAX与.Net后端结合使用的示例,尽管它可以是任何内容。Here这是一个使用图像的更简单示例。关键是要有一个已知大小的页面/对象,并在浏览器检索它时捕获开始和结束时间。然后简单地将大小除以一些[时间单位]以获得每[时间单位]的[大小]。然后使用数学将其转化为您想要的任何内容。