草庐IT

Safari 17

全部标签

javascript - Safari iphone/ipad "mouse hover"在之前的链接被 javascript 替换后的新链接上

在您点击iphone或ipad上的链接后,它会留下模拟鼠标悬停,触发该链接上的a:hovercss样式。如果该链接具有使您保持在同一页面上的javascript处理程序,悬停状态将不会改变,直到您单击另一个链接。如果您有一个提问的ajax小部件并且每个答案都是链接,这会变得很奇怪。当您触摸其中一个答案时,它会以悬停状态突出显示,然后当问题和答案被新的问题和答案替换(使用javascript)时,出现在与先前答案相同位置的新答案具有其悬停状态自动触发。我想防止这种情况发生在新的答案链接上。有什么方法(也许是javascript中的某些东西)可以给我与“悬停”不再位于该元素上方相同的结果?

javascript - iPhone Safari 下拉菜单中的“下一步”不会触发更改事件

我正在尝试为移动safari做一个直接的级联下拉菜单。我在safari本身中有100%的工作,它显示了正常的样式下拉菜单。但是移动safari下拉菜单有一个“下一步”按钮。点击此下一个按钮会将您带到级联中的下一个下拉菜单并触发onchange()-因此下一个下拉菜单是空的。用户被迫按下“完成”以触发更改,然后单击下一个下拉菜单。有没有人知道解决这个问题的方法。或者移动safari的''下一个'触发了什么DOM事件? 最佳答案 从一开始就禁用第二个下拉菜单是目前为止我发现的唯一解决方法!它将禁用iPhone上的“下一步”按钮将禁用属性

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

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

javascript - Safari 中是否有 window.performance.getEntriesByType 的 polyfill?

看起来window.performance.getEntries和window.performance.getEntriesByType没有在Safari中定义。是否有针对这些功能的polyfill?还是有人创造了某种替代方案?我想做的是获取页面中加载的所有资源。(所有图片、css和js文件) 最佳答案 由于Safari不以任何JavaScript方式提供该信息,因此不可能为此创建Polyfill。别找了。你不会有运气的:(PS.:小心这个答案。window.performance上的一些功能可以用polyfill实现,但不是我要求

javascript - Mobile Safari - "touchend"事件在最后一次触摸被移除时没有触发?

我试图捕捉的“手势”是当但仅当一个元素(其他或相同)已经触摸它时才进行点击。因此,触摸(1)按下按钮,同时触摸(2)点击所选选项,触摸(1)释放,按钮被按下。我遇到的问题是最后一点。当我松开最后一根手指时,没有触发“touchend”事件?所以我没有办法按下按钮?..还有“touchend”事件总是有touches.length=0?这是一些代码,因此您可以明白我的意思。我认为这可能是移动版Safari中的错误?Multi-touchproblem#touchpane{width:900px;height:500px;background-color:#333;}vartp=docum

javascript - 在移动 safari 中创建这种效果?

我想在移动版Safari中创建这种效果。http://jqueryfordesigners.com/demo/header-slide.html我正在使用iScroll4。我想将iScroll与这个示例混合使用。http://jsfiddle.net/tdQmQ/3/(这是我到目前为止所拥有的,使用鼠标像触摸事件一样轻弹)标题不应该在滚动区吗?如果有人能指出我正确的方向,那就太好了。最大的问题是锁定iScroll的滚动事件,我不知道如何。谢谢编辑:我终于构建了我要找的东西,http://jsfiddle.net/tdQmQ/25-仍然需要修复z-index,以便标题显示在克隆框上方。E

Mac (Safari) 上的 Javascript toLocaleTimeString() 奇怪之处

我们有一个计算持续时间的简单函数,它在除Mac上的Safari之外的所有浏览器中都能正常工作(在mac上的chrome中工作,在PC上的Safari中工作)例如,newDate().toLocaleTimeString()我们希望它给出这样的时间格式:11:59:25但是,在MacSafari上我们得到了这个11:59:25GMT+01:00我们对这些时间所做的任何计算都超出了一个小时(将小时添加到计算中)例如11:59:25-11:59:25=01:00:00(应该是00:00:00)有什么想法吗?为什么要在字符串中添加时区?这给我们的数据库带来了一点问题为什么它会增加一个小时的刺痛

javascript - safari/chrome onsubmit ="location.reload(true)"不工作

我网站上的表单在Safari/Chrome中无法正常运行。当用户提交表单时,它会打开一个新选项卡,但我希望重新加载原始页面(上面有表单的页面)。它适用于IE、Opera和Firefox。代码:我尝试了其他javascript函数,例如:window.location.reload();文档.location.reload();window.location.replace('http://www.websiteurl.com');window.location.href='http://www.websiteurl.com';以及这些的其他变体。我想也许是onsubmit=""不工作,

javascript - 创建可在 Safari 中使用的书签链接

我曾尝试在我的代码中使用JavaScript“AddFavorite”函数,但它在Safari中不起作用。它适用于IE,我想我记得Firefox,但我尝试过的任何东西似乎都不适用于Safari。我只想在我的网站上有一个链接,人们可以点击该链接,它会自动在他们的书签文件夹/书签栏中创建一个书签。这是否需要Applescript或类似的东西?还是我不知道的更深层次的编程语言? 最佳答案 来自苹果论坛:forum-linkOntheMacsideatleast,Safaridoesnotallowawebsitetoaddabookmar

javascript - webcomponents.js polyfills 不工作 : Safari & Firefox

我正在尝试通过webcomponents.js使用自定义Web组件polyfills。我一直在使用来自https://github.com/webcomponents/hello-world-element的元素Safari和Firefox不会显示任何内容并给我以下错误:Safari:TypeError:nullisnotanobject(evaluating'thisDoc.querySelector('template').content')火狐:TypeError:thisDoc.querySelector(...)isnull问题出在哪里:我修改了hello-world.htm