草庐IT

webkit-tap-highlight-color

全部标签

javascript - iPad 上的 Webkit 动画性能

基于webkit的转换/动画会影响iPad上的JS性能吗?是否有单独的图形处理器来处理webkit的东西?基本上,我正在开发一个包含一些简单的webkit动画的程序,但其中有很多,我认为我必须取消动画,因为它会使Ipad变慢。 最佳答案 您可以查看ThomasFuchs的文章:MakinganiPadHTML5App&makingitreallyfast他提出的一些观点是图像极大地减慢了速度——摆脱它们避免文字阴影和框阴影避免不透明(干扰硬件加速渲染)使用translate3d,而不是translate(后者并不总是硬加速的)确保使

javascript - jQuery 插件 DataTables : How to highlight the current search text?

我已经开始使用jQuery(v1.4.2)的DataTables插件(v1.6.2),我想问你是否知道一个settings或plugin允许我在过滤行上突出显示搜索文本框中使用的文本。提前致谢 最佳答案 我不得不建议highlightplugin:)我现在在大致相同的场景中使用它,到目前为止它没有给我带来任何问题。用法很简单:$("#myTable").highlight($("#searchBox").val());只需将高亮CSS类放入您想要的样式表样式即可:.highlight{background-color:yellow}

javascript - Safari iPad 1 : how to disable zoom/centering on double-tap, 但保持双指缩放

我想知道是否可以防止在SafariiOS(iPad1)中的特定HTML元素上双击缩放和双击居中?因为我的小型HTML5游戏会强制用户进行快速点击(或点击),这会被解释为双击,并且当它发生时-页面会更改缩放并自行居中。检测双击(就像在这个答案中-SafariiPad:preventzoomondouble-tap)闻起来很糟糕..错误答案#1:-不适合我的目的,因为它会阻止任何缩放。错误答案#2:也许会.preventDefault()仅点击事件就足够了吗?-没有任何影响。 最佳答案 除了捕获您想要阻止的事件并调用preventDef

javascript - webkit (Safari/Chrome) 中的选择范围

我正在使用内容可编辑的iframe在javascript中创建语法高亮器,最重要的事情之一是能够正确缩进代码。以下代码在Firefox中运行正常://Createoneindentcharactervarrange=window.getSelection().getRangeAt(0);varnewTextNode=document.createTextNode(Language.tabChar);range.insertNode(newTextNode);range.setStartAfter(newTextNode);它创建一个制表符并将光标移动到该字符的右侧。在Chrome和Sa

javascript - -webkit-tap-highlight-color : rgba(0, 0,0,0);在一个股利?

有什么方法可以将它应用到div上吗? 最佳答案 您在为iPhone/智能手机网站撰写文章吗?如果是这样,那么是的。但您可能只会在手机/模拟器上看到结果。我认为这个元素只能用在链接或javascript元素上。div必须受到某种脚本的影响,或者是一个链接。https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSi

javascript - 从 FF/Webkit 中的像素位置创建折叠范围

我想使用JavaScript从像素位置创建一个折叠范围,以便在文档流中在此位置标识的范围之后插入新节点。这可以通过InternetExporer中的TextRange对象(moveToPoint(x,y)方法)来完成。我如何在FireFox和Webkit中执行此操作?我可以从document.elementFromPoint(x,y)的位置获取容器元素。但是,当位置恰好位于文本节点内时,如何获取有关构建范围所需的文本偏移量的更多信息? 最佳答案 这是我为旧浏览器实现的caretRangeFromPoint:if(!document.

javascript - 如何将 "background-color"转换为 rgb() 格式?

这是我的问题:我想更改页面上其中一个元素的背景颜色的不透明度。为此,我需要先将颜色转换为rgb()格式。(或提取r、g和b元素)。here我可以看到如何将十六进制字符串转换为数字格式,但颜色并不总是十六进制格式。它们可以被命名为“红色”之类的颜色。red--->rgb(255,0,0)#ff00ff--->rgb(255,0,255)有人知道如何做到这一点吗?问候。 最佳答案 要将colorName转换为RGB或HEX,您首先需要一个颜色名称字典和相应的值,您可以这样做:functionnameToHex(name){return{

javascript - Webkit 错误 : Overflow auto triggered after resizing a child element to matching size

我有以下简单设置:document.getElementById('inner').addEventListener('click',({target})=>{target.classList.add('match');});#container{background:green;overflow:auto;width:200px;height:100px;}#inner{width:210px;height:110px;}#inner.match{width:200px;height:100px;}单击内部元素后,我希望父元素上的滚动条消失,因为这两个元素现在具有匹配的大小。这在Fi

Javascript webkit-假网址

Id将图像(例如)从剪贴板粘贴到webkit可编辑内容区域时,源代码如下所示:webkit-fake-url://DCAC99B9-BA40-4BA7-A419-9C60AAB081DA/image.png能够通过javascript访问图像并将其与文本一起发送回服务器吗? 最佳答案 显然,您可以对事件监听器使用任何抽象;我提供了一个未抽象的版本;这也将排除IEif('addEventListener'ineditableElement){editableElement.addEventListener('paste',functi

javascript - jQuery 为 WebKit(chrome)和 Firefox 中的相同对象返回不同的高度

我对这个感到困惑。jQuery.height()在Firefox和Chrome中以不同的值回归。测量屏幕上的像素表明,在两者中,Chrome似乎报告了正确的值,而firefox每次都偏离了2或3个像素。有没有其他人遇到过这个问题?我已经尝试使用各种jQuery高度函数(innerHeight、outerHeight、height)获取高度,但都无济于事。我已经删除了所有可能会干扰高度值的css样式(所有填充、边框、边距等),但我仍然得到不一致的结果。如果有帮助,我正在处理表格单元格。该代码在第一个表格旁边创建了第二个表格,然后匹配每行的高度以在表格上创建一种“粘性”左手列。单元格具有不