草庐IT

mapbox鼠标样式

全部标签

javascript - 如何可靠地确定浏览器是否支持鼠标悬停事件?

过去,检查是否存在鼠标的最佳方法是查找toucheventsupport。.但是,桌面版Chrome现在支持触摸事件,导致此测试失败。有没有办法直接测试鼠标悬停事件支持,而不是根据触摸事件的存在来推断它?解决方案:根据AshleysBrain的回答,这是有效的代码。jQuery(function(){//HasmousejQuery("body").one("mousemove",function(e){attachMouseEvents();});//HastouchscreenjQuery("body").one("touchstart",function(e){//Unbindt

javascript - 在 javascript 或 jquery 中检测鼠标的当前状态,即向下或向上

我正在构建一个Web应用程序,它涉及从网页内和其他应用程序(例如word和pdf文档)拖放大量文本。如果按下(单击)或向上(释放),我需要获取鼠标的当前状态。目前,如果我在网页中拖动文本,我可以获取鼠标的当前状态,但如果鼠标来自另一个应用程序说出的单词并拖动一些文本,则无法获取鼠标状态。非常感谢任何获取鼠标按下或向上状态的指针。 最佳答案 我理解的问题是,如果在窗口外按下鼠标左键(用于拖动操作),您需要确定是否按下鼠标左键。有很多问题:在拖动操作期间没有触发mousemove事件当前按钮状态的数据因浏览器而异我想出了这个解决方案:/

javascript - 设置样式位置 : absolute 时,Chrome 对象标签加载多次

在加载HTML对象时,在通过正确的方法处理Chrome中的加载事件时遇到了一些麻烦。我正在使用HTML对象将小部件加载到基于Web的仪表板中,加载事件在Chrome中看起来被破坏了,因为我重复触发了加载事件,但前提是我在加载的对象上设置了样式事件定位:绝对。不幸的是,对于我的应用程序来说,这是一个关键功能,因为我需要使用javascript将小部件放置在特定的屏幕位置。下面的fiddle将使Chrome进入无限循环,而它在其他浏览器中只触发一次(尽管在我的应用程序中Chrome触发加载事件两次然后停止)。HTMLNotFired..."JavaScript:varcnt=0;(func

javascript - Webkit - 动态创建的样式表 - 它什么时候真正加载?

我有一些代码(实际上不是我的,而是SlickGrid库)创建了一个元素,将其插入DOM,然后立即尝试在document.styleSheets集合中查找新样式表。在WebKit中,这有时会失败。我实际上不知道情况是什么,但这并不是一贯可重现的。我想我可以通过更改代码来解决这个问题,这样在load之前不会检查StyleSheet对象。样式元素上的事件,如下所示:$style=$("").appendTo($("head"));varrules=...;//codetocreatethetextoftheruleshereif($style[0].styleSheet){//IE$styl

javascript - AngularJS:在 ng-repeat 中调用 ng 样式函数时出现 $rootScope:infdig 错误

我正在尝试为一些短语制作动画,这些短语将显示在网站主页上,随机位置并具有淡入淡出和翻译效果。我将使用ng-style属性在ng-repeat属性内并设置调用HomeController内定义的JavaScript函数的ng-style值来实现此目的。使用此方法会导致Angular抛出异常:$rootScope:infdigerror10$digest()iterationsreached。中止!观察者在最后5次迭代中解雇我读了很多关于此的内容,但没有解决方案解决我的问题。谁能帮帮我?这是index.html的一部分:{{phrase}}Controller函数如下:$scope.get

javascript - 如何在 React 组件上设置 -webkit-overflow-scrolling 内联样式

我正在为React组件使用内联样式。它们可以定义如下。conststyle={position:'absolute',left:0,right:0,bottom:'7.5%',top:'5.2rem',overflowY:'auto',},它与css有一些语法上的不同,比如css中的'overflow-y'应该在内联样式中设置为overflowY。现在我想知道如何将这种样式-webkit-overflow-scrolling设置为react中的内联样式?我已尝试以下设置,但均无效。WebkitOverflowScrolling:'touch','-webkit-overflow-scr

javascript - 如何使用 jQuery 从网页中删除复制内容的内联样式?

例如,我从维基百科复制了一些内容/段落,然后我想动态地将代码粘贴到我的网页中,但它显示了很多内联样式。我想要干净,需要适当的html格式的代码。我尝试了很多方法,但它正在删除所有标签,或者我只想删除额外的内联样式和额外的标签。我放在这里的示例代码。请帮助我实现这一目标。示例代码:<spanstyle="color:rgb(34,34,34);font-family:sans-serif;font-size:14px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-w

javascript - 可以用 Javascript 获取当前的鼠标坐标吗?

可以用Javascript获取当前的鼠标坐标吗? 最佳答案 来源:http://javascript.internet.com/page-details/mouse-coordinates.htmlXYvarIE=document.all?true:false;if(!IE){document.captureEvents(Event.MOUSEMOVE)}document.onmousemove=getMouseXY;vartempX=0;vartempY=0;functiongetMouseXY(e){if(IE){//grabt

javascript - 获取 DOM 元素的所有 css 样式(类似于 Firebug)

对于DOM元素,如何获取特定元素在css中指定的所有样式?是遍历所有css样式名的情况吗?或者有更优雅的方式吗?Firebug是如何做到的?谢谢 最佳答案 你应该可以用getComputedStyle得到它:varcss=window.getComputedStyle(element);for(vari=0;i但是,此方法返回计算样式,这意味着它将执行一些计算并将您的值转换为px。例如,如果您的行高为1.2,那么它将返回为57.6px而不是1.2 关于javascript-获取DOM元素

javascript - 如何区分通过鼠标滚动和在 JavaScript 中以编程方式滚动?

我通过更改Javascript中的scrollLeft属性来滚动溢出的DIV的内容:setInterval(function(){$('#scrollbox').scrollLeft($('#scrollbox').scrollLeft()+1);},50);但是,我想在用户使用鼠标自己滚动内容时立即停止此操作。我尝试使用滚动事件检测到这一点$('#scrollbox').scroll(function(){...});但是,我上面的自动滚动也会触发该事件。我如何区分这一点并仅对用户启动的滚动使用react?(或者:我怎样才能阻止上面的代码触发滚动事件?这也可以解决问题)