小编jdg*_*son的帖子

检测所有浏览器中是否已打开console/devtools

我正在尝试创建一个在打开或关闭任何浏览器控制台时运行的脚本.有没有办法检测所有浏览器(Firefox/IE/Chrome/Safari/Opera)中的浏览器控制台是否通过JavaScript,jQuery或任何其他客户端脚本打开?

javascript browser jquery cross-browser

8
推荐指数
3
解决办法
8354
查看次数

有没有办法设置iOS Safari过度滚动/弹性滚动区域的样式?

在iOS Safari中,当您滚动到网页底部时,您可以通过尝试再次滚动来"抬起"页面.我假设这是为了向用户保证他们已经到达页面的末尾.默认情况下,此区域为空白.有没有办法用CSS设计这个区域?我想添加一个背景图片,如果只是为了增加天赋.而且由于其他人都在问如何防止过度滚动,我想知道我是否真的可以将它用于某些事情.我尝试将一个背景图像添加到body标签并将其固定到底部,但是通过过度滚动看不到它.我觉得它可能是不可能的,因为它是Safari本身的一部分,并且网页(及其控制)已经结束.

css safari webkit

7
推荐指数
2
解决办法
2580
查看次数

仅针对特定元素的JavaScript selectionchange事件

我想selectionchange在特定div元素上实现JavaScrit 事件,因此,如果用户从DOM中选择文本,我想显示一个荧光笔框。我已经通过onmouseup事件实现了此功能。但是我一直坚持尝试为移动设备实现这一点。

对于移动浏览器,我将document.selectionchange事件绑定在DOM上,但是我希望这仅适用于具有content-editable类的特定元素。因此,仅当用户在页面上具有content-editable类的容器中选择文本时,荧光笔才会显示。

document.addEventListener("selectionchange", function(evt) { 
  // Now this functionality only apply for content-editable class div.
});
Run Code Online (Sandbox Code Playgroud)

如何实现此功能?也许可以使用递归函数来实现,以找到所选文本parentElement的类,anchorNode例如:

var selection = ctrl.window.getSelection();
Run Code Online (Sandbox Code Playgroud)

做这个的最好方式是什么?

javascript jquery

6
推荐指数
1
解决办法
507
查看次数

在手机上点击电话号码时,使用电话号码打开拨号程序

当用户点击我网站上的电话号码时,我需要在移动设备上显示拨号程序。我想在拨号程序屏幕上显示他们点击的号码。这可能吗?

html javascript jquery

2
推荐指数
1
解决办法
2042
查看次数

自动滚动水平div

我以为这会很容易,但是我被卡住了。

我的代码正在执行并且忽略了setTimeout。

我得到了元素的滚动宽度,然后说,当i小于宽度(flavoursScrollWidth)时,每秒水平滚动1px。

但这不是正在发生的事情,它几乎立即执行每个像素移动。

我还尝试将代码从load事件中取出,并将setTimeout从while循环中取出。然后创建一个包含while循环的函数,并在setInterval中调用该函数。没有帮助。

const flavoursContainer = document.getElementById("flavoursContainer")
const flavoursScrollWidth = flavoursContainer.scrollWidth

window.addEventListener("load", () => {
  let i = 0
  while (i < flavoursScrollWidth) {
    setTimeout(flavoursContainer.scrollTo(i, 0), 1000)
    console.log(i)
    i++;
  }
})
Run Code Online (Sandbox Code Playgroud)
.container {
  width:300px;
  overflow-x:scroll;
  white-space: nowrap;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container" id="flavoursContainer">
    This is a really long sentence to demo my code, it's just going on and on. Still going. I should have used some default placeholder text but I've started now so I'll keep …
Run Code Online (Sandbox Code Playgroud)

javascript

1
推荐指数
1
解决办法
2453
查看次数

标签 统计

javascript ×4

jquery ×3

browser ×1

cross-browser ×1

css ×1

html ×1

safari ×1

webkit ×1