我正在尝试创建一个在打开或关闭任何浏览器控制台时运行的脚本.有没有办法检测所有浏览器(Firefox/IE/Chrome/Safari/Opera)中的浏览器控制台是否通过JavaScript,jQuery或任何其他客户端脚本打开?
在iOS Safari中,当您滚动到网页底部时,您可以通过尝试再次滚动来"抬起"页面.我假设这是为了向用户保证他们已经到达页面的末尾.默认情况下,此区域为空白.有没有办法用CSS设计这个区域?我想添加一个背景图片,如果只是为了增加天赋.而且由于其他人都在问如何防止过度滚动,我想知道我是否真的可以将它用于某些事情.我尝试将一个背景图像添加到body标签并将其固定到底部,但是通过过度滚动看不到它.我觉得它可能是不可能的,因为它是Safari本身的一部分,并且网页(及其控制)已经结束.
我想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)
做这个的最好方式是什么?
当用户点击我网站上的电话号码时,我需要在移动设备上显示拨号程序。我想在拨号程序屏幕上显示他们点击的号码。这可能吗?
我以为这会很容易,但是我被卡住了。
我的代码正在执行并且忽略了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)