focus 相关问题

Focus表示当前选择用于接收输入的图形用户界面的组件。

webbrowser.open 窃取焦点，如何避免

在 Windows 上，调用 webbrowser.open 会窃取例如键盘输入焦点，并将其设置到新打开的网页浏览器选项卡。有没有办法避免这种情况，那就是：后台打开页面？

python focus python-webbrowser

回答 1 投票 0

Osmdroid：单击时显示和隐藏标记描述

我正在使用 Android Studio 用 Java 编写一个应用程序。我已经使用 osmdroid 显示了地图，添加了一些叠加层以显示特殊位置上的标记，并添加了标题和描述......

java focus hide overlay osmdroid

回答 2 投票 0

使用 :focus 而不使用按钮或链接？

是否可以在没有按钮或链接的情况下使用 :focus 来聚焦某些内容？我试图将代码放入“不允许”按钮的游戏中，当我尝试使用是否可以在没有按钮或链接的情况下使用 :focus 来聚焦某些内容？我正在尝试将代码放入“不允许”按钮的游戏中，当我尝试使用 <a href="#" class="button"> （如下面的代码所示）时，如果我想发送到此链接，它只会给我一条消息。我想知道我是否可以做些什么来“绕过”通过链接收到的消息或简单地使用其他东西。我想要的是让我的内容在单击时显示并在单击屏幕上的某个位置时消失。 .morebuttonbox { height: 60px; width: 70px; background-image: repeating-linear-gradient( 90deg, #ecd0ff, white 1px, transparent 0, transparent 50%); background-size: 3px 3px; background-color: #fcf8f8; position: absolute; margin-top: 260px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85; } .button { font-size: 14px; background: #e0e0e0; padding: 2px; width: 50px; text-align: center; margin-left: 9px; margin-top: 18px; border: 1px ridge black; border-color: white #ae9cb9 #8b7c94 #7d6f85; position: absolute } .contentbox2 { background: blue; height: 130px; width: 301px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85; position: absolute; margin-top: 190px; margin-left: 69px; z-index: 1; opacity: 0; } .morebuttonbox:has(.button:focus)~.contentbox2 { opacity: 1; z-index: 10; } <div class="morebuttonbox"> <a href="#" class="button"> more </a> </div> </div> <div class="contentbox2"> <div class="byi"> <span style="background-color:#ecd0ff;color:#7d6f85;padding:1px;padding-left:5px;padding-right:5px; border-radius: 3px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85;">byi</span> text text text text text text text text text text text text text ... <div class="dni"> <span style="background-color:#ecd0ff;color:#7d6f85;padding:1px;padding-left:5px;padding-right:5px; border-radius: 3px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85;">dni</span> text text text text text text text text text text text text text ... </div> </div> </div> 在现代浏览器中，是的，应该可以将焦点放在锚点、按钮和其他表单元素之外的元素上。例如，一个简单的跨度应该可以工作...只要它具有 tabindex 属性： .morebuttonbox { height: 60px; width: 70px; background-image: repeating-linear-gradient( 90deg, #ecd0ff, white 1px, transparent 0, transparent 50%); background-size: 3px 3px; background-color: #fcf8f8; position: absolute; margin-top: 260px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85; } .button { font-size: 14px; background: #e0e0e0; padding: 2px; width: 50px; text-align: center; margin-left: 9px; margin-top: 18px; border: 1px ridge black; border-color: white #ae9cb9 #8b7c94 #7d6f85; position: absolute } .contentbox2 { background: blue; height: 130px; width: 301px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85; position: absolute; margin-top: 190px; margin-left: 69px; z-index: 1; opacity: 0; } .morebuttonbox:has(.button:focus)~.contentbox2 { opacity: 1; z-index: 10; } <div class="morebuttonbox"> <span href="#" class="button" tabindex="1"> more </span> </div> </div> <div class="contentbox2"> <div class="byi"> <span style="background-color:#ecd0ff;color:#7d6f85;padding:1px;padding-left:5px;padding-right:5px; border-radius: 3px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85;">byi</span> text text text text text text text text text text text text text ... <div class="dni"> <span style="background-color:#ecd0ff;color:#7d6f85;padding:1px;padding-left:5px;padding-right:5px; border-radius: 3px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85;">dni</span> text text text text text text text text text text text text text ... </div> </div> </div>

html css focus

回答 1 投票 0

失去对一个输入的关注会影响所有输入

我创建了一个带有验证功能的申请表，要求用户在单击远离焦点框或错误消息之前在框中输入正确的信息...

css reactjs validation input focus

回答 1 投票 0

使用 :focus 通过按钮显示某些内容

我有一个关于：焦点的问题。我想要一个按钮/文本在单击时显示，但我真的很难做到这一点。我尝试了几种方法，但我可以我有一个关于:focus的问题。我想要一个按钮/文本，单击时显示 <div class="contentbox2">，但我真的很难做到这一点。我尝试了多种方法，但我只能使内容框在单击时显示，而不能将其与按钮“连接”。我想要的是单击按钮后显示 div，然后单击屏幕上的任意位置时消失。 .morebuttonbox { height: 60px; width: 70px; background-image: repeating-linear-gradient( 0deg, #ecd0ff, #ecd0ff 1px, transparent 0, transparent 50%); background-size: 8px 8px; background-color: #fcf8f8; position: absolute; margin-top: 260px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85; } .morebutton { font-size: 14px; background: #e0e0e0; padding: 2px; width: 50px; text-align: center; margin: auto; margin-top: 16px; border: 1px ridge black; border-color: white #ae9cb9 #8b7c94 #7d6f85; } .contentbox2 { background: white; height: 130px; width: 301px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85; position: absolute; margin-top: 190px; margin-left: 69px; z-index: 1; opacity: 0; } .byi { width: 270px; height: 50px; word-break: break-word; margin-left: 15px; margin-top: 10px; } .dni { width: 270px; height: 50px; word-break: break-word; margin-top: 20px; } .more:focus~.contentbox2 { opacity: 1; z-index: 10; } <div class="morebuttonbox"> <div class="morebutton"> <a href="#" class="more"> more </a> </div> </div> <div class="contentbox2"> <div class="byi"> <span style="background-color:#ecd0ff;color:#7d6f85;padding:1px;padding-left:5px;padding-right:5px; border-radius: 3px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85;">byi</span> text text text text text text text text text text text text text ... <div class="dni"> <span style="background-color:#ecd0ff;color:#7d6f85;padding:1px;padding-left:5px;padding-right:5px; border-radius: 3px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85;">dni</span> text text text text text text text text text text text text text ... </div> </div> </div> 请参阅我对您的主要问题的评论。一种解决方案是使用 :has 选择器，然后将容器的同级作为目标： .morebuttonbox { height: 60px; width: 70px; background-image: repeating-linear-gradient( 0deg, #ecd0ff, #ecd0ff 1px, transparent 0, transparent 50%); background-size: 8px 8px; background-color: #fcf8f8; position: absolute; margin-top: 260px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85; } .morebutton { font-size: 14px; background: #e0e0e0; padding: 2px; width: 50px; text-align: center; margin: auto; margin-top: 16px; border: 1px ridge black; border-color: white #ae9cb9 #8b7c94 #7d6f85; } .contentbox2 { background: white; height: 130px; width: 301px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85; position: absolute; margin-top: 190px; margin-left: 69px; z-index: 1; opacity: 0; } .byi { width: 270px; height: 50px; word-break: break-word; margin-left: 15px; margin-top: 10px; } .dni { width: 270px; height: 50px; word-break: break-word; margin-top: 20px; } .morebuttonbox:has(.more:focus)~.contentbox2 { opacity: 1; z-index: 10; } <div class="morebuttonbox"> <div class="morebutton"> <a href="#" class="more"> more </a> </div> </div> <div class="contentbox2"> <div class="byi"> <span style="background-color:#ecd0ff;color:#7d6f85;padding:1px;padding-left:5px;padding-right:5px; border-radius: 3px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85;">byi</span> text text text text text text text text text text text text text ... <div class="dni"> <span style="background-color:#ecd0ff;color:#7d6f85;padding:1px;padding-left:5px;padding-right:5px; border-radius: 3px; border: 1px solid black; border-color: white #ae9cb9 #8b7c94 #7d6f85;">dni</span> text text text text text text text text text text text text text ... </div> </div> </div>

html css focus

回答 1 投票 0

Android：如何根据焦点禁用 EditText

我正在做一个有两个 EditText 的应用程序。我想做的是，如果您单击其中一个并在其上书写，则另一个必须擦除它所具有的任何内容，并且只显示提示字符串。我正在尝试用...

android focus android-edittext

回答 1 投票 0

网站不再识别弹出窗口名称。 JavaScript

告诉我这是否有意义。多年来我一直通过弹出窗口访问网站。使用 window.open('https://example.com',mypopup,参数); 我单击主窗口中的一个按钮，...

javascript popup window focus

回答 1 投票 0

防止聚焦于特定元素 jQuery

好吧，我有一个奇怪的需求。我并不是试图将焦点捕获在特定的 div 内，而是试图阻止它进入特定的其他 div。我有一个脚本可以将 div 上的类从“