草庐IT

mapbox鼠标样式

全部标签

javascript - 如何抑制窗口鼠标滚轮滚动...?

我正在开发一个嵌入页面的Canvas应用程序。我有它,因此您可以使用鼠标滚轮放大绘图,但不幸的是,这会滚动页面,因为它是文章的一部分。当我在dom元素上滚动鼠标时,是否可以阻止鼠标滚轮在窗口上滚动?! 最佳答案 为鼠标滚轮(非Gecko)/DOMMouseScroll(非IE)附加事件处理程序并阻止其默认操作(即滚动内容):if(element.addEventListener)element.addEventListener("DOMMouseScroll",function(event){event.preventDefault

javascript - 重新计算样式 : why so stuttering?

假设我们有一段代码可以将一系列相似的元素注入(inject)到DOM中。像这样:varCOUNT=10000,elements=Object.keys(Array(COUNT).join('|').split('|'));vard=document,root=d.getElementById('root');functioninject(){varcount=COUNT,ul=d.createElement('ul'),liTmpl=d.createElement('li'),liEl=null;console.time('Processingelements');while(coun

javascript - 使用 :hover javascript 设置样式

我了解到,由于浏览器兼容性,以下方法非常适合设置CSS样式。element.style.cssText="color:red;";我不能做的是使用cssText在:hover和:focusCSS事件上应用样式。我该怎么办?element.style.cssText=":focus{color:red;}";附言不要提及使用javascript事件,例如onmouseover而不是CSS:hover(这不适合我的情况。) 最佳答案 你可以用一些巫毒魔法来做到这一点:varhead=document.getElementsByTagNa

javascript - Ckeditor 在应用样式时添加空段落

我的CKEditor在将样式应用到选定段落时添加了很多不必要的标签我使用以下html启动CKeditor:Hi,thisatext!当我选择段落并使用工具栏应用样式时,CKEditor将我的html格式化为以下格式:  Hi,thisatext!  有什么方法可以阻止CKEditor添加带有不间断空格的段落吗?我已经尝试过将config.fillEmptyBlocks=false;和config.IgnoreEmptyParagraphValue=true;添加到我的配置文件中更新原来这个问题是由样式本身引起的,它是自定义样式。这段代码是问题所在

javascript - Firefox 上的 Vimeo iFrame 窃取鼠标滚轮事件

我在这里做了这个例子:http://jsbin.com/pokahec/edit?html,output//createsaglobal"addWheelListener"method//example:addWheelListener(elem,function(e){console.log(e.deltaY);e.preventDefault();});(function(window,document){varprefix="",_addEventListener,onwheel,support;//detecteventmodelif(window.addEventListen

javascript - 将鼠标悬停在图像上以显示按钮,并且在悬停在实际按钮上时不会触发

我试图让按钮在悬停在图像上时出现。以下作品:jQuery('.show-image').mouseenter(function(){jQuery('.the-buttons').animate({opacity:1},1500);}).mouseout(function(){jQuery('.the-buttons').animate({opacity:0},1500);});但是,当从图像移动到按钮(图像上方)时,会触发mouseout/mouseenter,因此按钮淡出然后淡入(按钮与图像具有相同的类,否则它们保持淡出)。我怎样才能防止它被触发?我还使用jQuery的悬停尝试了上面

javascript - 鼠标光标在 Javascript 中的位置?

如何在javascript中获取光标X和Y?var$curX=(ns6)?e.pageX:event.clientX+ietruebody().scrollLeft;var$curY=(ns6)?e.pageY:event.clientY+ietruebody().scrollTop;我找到了这两个,但它们显示为“未定义”。有什么想法吗?谢谢! 最佳答案 我假设您不需要框架答案。如果没有,试试这个:document.onclick=function(evt){evt=(evt||event);alert(evt.clientX+''

javascript - 在 chrome 中为 console.table() 添加样式

我正在用JavaScript构建一个简单的单元测试方法。输出正在控制台中打印。我希望通过的测试行为绿色,失败的测试行为红色(背景或文本)。我知道我可以向console.log()添加样式,但我还没有找到向console.table()添加样式的方法。那么,这有可能吗?如果没有,还有什么替代方案。代码示例:console.table([{status:'failed',function:'Validate.int',asserted:true,result:false},{status:'passed',function:'Validate.float',asserted:true,re

javascript - Webpack 提取文本插件输出 .js 和 .css 文件用于样式条目

对于产品构建,我希望我的webpack配置有两个入口点,一个用于JS,一个用于SCSS,我希望将它们输出到两个单独的文件(一个JS,一个CSS)。但是extract-text-webpack-plugin正在创建两个JS文件和一个CSS文件;即SCSS的入口点正在生成所需的CSS文件和我不需要的JS文件。这个未使用的JS文件只包含webpack样板和//由extract-text-webpack-plugin删除。所以它的工作很好,但仍然创建了这个不必要的文件。我的webpack配置是(显示相关部分):constExtractTextPlugin=require('extract-te

javascript - 使用 jquery 检测鼠标何时通过页面顶部离开

这个Jquery问题已经困扰我一段时间了。我开发了一个脚本,其中一个功能是检测鼠标何时从页面顶部离开。这是代码:$(document).bind("mouseleave",function(e){console.log(e.pageY);if(e.pageYtimes[i][0]&&now.getTime()这对我来说适用于所有浏览器。由于某种原因,它在Chrome中随机运行,而对于测试该站点的friend来说,它在Firefox中似乎根本不起作用。在我的浏览器(firefox3.5.3)中,e.pageY在控制台框中记录为接近0的数字,但是在我的friend浏览器(也是firefox