button 相关问题

按钮是图形用户界面中的简单元素，可以将鼠标点击或手指点击（在移动设备上）作为输入。

悬停时从中心填充元素

如何创建一个按钮，以便在悬停时背景颜色从元素的中心到左侧和右侧填充元素。例子：我知道如何使用 CSS3 过渡，并且可以将它变成...

css button css-transitions css-shapes

回答 3 投票 0

奇怪的形状按钮 Customtkinter

我正在尝试使用 customtkinter 创建按钮，但按钮的形状非常奇怪。我没有找到浏览互联网的解决方案。有没有人对此有解决方案或遇到一些类似...

user-interface button customtkinter

回答 0 投票 0

如何使用 wxpython 在表格列中附加按钮？

创建 GUI，其中包含 1 个添加按钮和 1 个具有 4 列的表，即编号、名称、编辑和删除。如果单击添加按钮，它必须打开包含名称输入字段和保存按钮的弹出窗口。如果

button datatable append wxpython

回答 0 投票 0

我在将我制作的两个按钮制作成实际可点击的按钮时遇到了一些麻烦

我只有开始屏幕，只要我能让“退出”按钮正常工作，我就可以自己解决其余的问题。我只需要退出按钮来关闭窗口并停止程序...

button turtle-graphics python-turtle 2d-games python-3.11

回答 0 投票 0

按钮在第二次点击时激活

我必须点击两次才能激活按钮，这是我的 HTML 代码展示我必须点击两次才能激活按钮，这是我的 HTML 代码 <button id="bt" on="false" onclick="onOf()"> display </button> <div id="bookmark" style="visibility: hidden"> 和js代码： function onOf() { if (document.getElementById("bt").on == "false") { document.getElementById("bt").on = "true"; document.getElementById("bt").innerHTML = "hide"; document.getElementById("bookmark").style.visibility = "visible"; }else{ document.getElementById("bt").on = "false"; document.getElementById("bt").innerHTML = "display"; document.getElementById("bookmark").style.visibility = "hidden"; } } 按钮应该在每次点击时隐藏并显示一个 div，实际上它有效但第一次点击没有效果因为button元素的on属性是一个无效的属性，必须点击两次按钮才能激活。要保存有关元素的唯一信息，请改用 data-* 属性。以下是更正后的代码： function onOf() { var bt = document.getElementById("bt"); var bookmark = document.getElementById("bookmark"); if (bt.getAttribute("data-on") === "false") { bt.setAttribute("data-on", "true"); bt.innerHTML = "hide"; bookmark.style.display = "block"; } else { bt.setAttribute("data-on", "false"); bt.innerHTML = "display"; bookmark.style.display = "none"; } } <button id="bt" data-on="false" onclick="onOf()"> display </button> <div id="bookmark" style="display: none;">  </div> 您可以使用 classList.toggle('classname') 切换类以隐藏和显示元素。使用辅助类来正确设置元素的样式，而不是使用来自 javascript 的内联样式。然后你可以使用 JS 来切换 classList 取决于 classList contains 样式类名与否。我已经展示了一个示例，说明如何使用带有回调方法/函数的适当 eventListsner 来执行此操作，当您单击显示/隐藏按钮时，它会检查 bookmark 元素的 classList。我还使用 .closest 将 DOM 向上移动到将包含元素的包装器。如果代码有任何不清楚的地方，请告诉我。我也在编码器片段中添加了注释。 // query the button element for // use with addEventListsner method const btn = document.querySelector('.btn'); // callback function that passes the event from the // button element when it is pressed const toggleDisplay = (e) => { // a parent element to query using the // built in closest() method by // traversing up the dom using event.target.closest() let main = e.target.closest('#main'); // get the bookmark element to toogle the class let bookmark = main.querySelector('#bookmark'); // toggle the hidden in the classList bookmark.classList.toggle('hidden') // conditional to check if the target bookmark element // classList cotinas 'hidden' => is it hidden? // then we change the textContent to the proper // content we want shown depending on // classList containing 'hidden' or not bookmark.classList.contains('hidden') ? e.target.textContent = 'Display' : e.target.textContent = 'Hide'; } // call event listener in javascript with callback // function rather than an inline onclick attribute in HTML btn.addEventListener('click', toggleDisplay) .hidden { visibility: hidden } <div id="main"> <button id="bt" class="btn">Display</button> <div id="bookmark" class="hidden">This is some content</div> </div>

javascript html button

回答 2 投票 0

C# Forms - 带有多个文本和图像的按钮

我想创建两个文本的按钮：一个左（文本标签本身）和一个右（热键）对齐，可能还有一个图像。下面的屏幕截图来自类似的应用程序（不是我的！）它会...

c# winforms button hotkeys

回答 2 投票 0

如何激活两个或多个按钮

我需要制作用户名片，点击关注按钮后，它会更改颜色和名称，并为关注添加 1。我从 API 收到这样的用户，12 个用户，我需要能够选择超过 ...

javascript html reactjs button styles

回答 1 投票 0

.Net Maui .Net7 - 按钮视图：我无法换行。 LineBreakMode 对我不起作用

我需要在 .Net Maui（使用 .Net7）中包含超过 1 行文本的按钮。我使用了属性 LineBreakMode = "WordWrap"，但文本（“如果可以的话就把我换行”）不会换行。我跟着...

button maui word-wrap .net-7.0

回答 0 投票 0

Xamarin.forms 按钮启用失败

我是 Xamarin Forms 的新手，我正在设计一个问答游戏。我想让按钮在用户单击后被禁用，以防止用户再次选择它。我尝试使用 Isenable 但它...

c# xamarin button disable

回答 1 投票 0

为什么按下按钮时我的代码不显示？

我的按钮不起作用，我不知道这是否与拼写错误有关，或者我错过了什么。我希望我的代码询问你的名字是什么，然后它会提醒它。我的按钮不起作用，我不知道这是否与拼写错误有关，或者我错过了什么。我希望我的代码询问你的名字，然后它会提醒它。 <!DOCTYPE html> <p>Hej!</p> <a href="Usefull_stuff.html"> Home</a> <a href="Eheheh.html"> Random Joke</a> <a href="LOL.html"> Nothing special</a> alert("Welcome to my page"); </br> </br> <button onclick="Myfunction()"\>Quick question!\</button\> <p></p> function myFunction() { let text; let name = prompt("What is your name", "Enter here"); if (name == null || name == "") { text = "Please try again!"; } else { text = "Nice name " + name + "! I like it"; alert("Have a nice day!"); } document.getElementById("alert function").innerHTML = text; } 这是您的 HTML + 脚本的完整示例吗？在您提供的示例中，您似乎缺少<script>元素。使用此元素从 HTML 中运行 JavaScript。关于从 HTML 触发 JavaScript 的 MDN 文档. 查看这个来自 W3 的浏览器内“自己尝试”示例以及关于函数在脚本元素中的<button onclick="myFunction()"> 语法。您也可以在脚本中使用事件侦听器而不是onclick，但这不会向后兼容旧浏览器 IIRC。缺少和 myFunction 外壳在 onClick 和声明之间是不同的。还缺少 getElementById 的目的地</p> <p>警报也在 html 中 - 您是否打算将其作为脚本的一部分？</p> <p>尝试：...</p> <pre><code><!DOCTYPE html> <html> <body> <p>Hej!</p> <a href="Usefull_stuff.html">Home</a> <a href="Eheheh.html">Random Joke</a> <a href="LOL.html">Nothing special</a> </br> </br> <button onclick="myFunction()">Quick question!</button> <p id='alert-function'></p> <script> alert("Welcome to my page"); function myFunction() { let text; let name = prompt("What is your name", "Enter here"); if (name == null || name == "") { text = "Please try again!"; } else { text = "Nice name " + name + "! I like it"; alert("Have a nice day!"); } document.getElementById("alert-function").innerHTML = text; } </script> </body> </html> </code></pre> <p>见<a href="https://jsfiddle.net/Abeeee/3jv71s4g/1/" rel="nofollow noreferrer">https://jsfiddle.net/Abeeee/3jv71s4g/1/</a></p> </answer> </body></html>

javascript html button prompt

回答 2 投票 0

如何使用 JSON 文件让 ViewButton 在 React 文件中工作？

我正在尝试使表格中的按钮在显示正确数据的位置工作。不幸的是，现在它正在我的常量表中显示数据，这是一个问题。我想让它显示

reactjs json typescript button bulma

回答 1 投票 0

更改按钮上的文本。 JS

tilde上有一个网站： http://medoviy9.tilda.ws/main 它上面有一个蓝色的大按钮，可以调用用于选择房间的外部小部件。该脚本根据用户请求将数据加载到页面...

javascript button text

回答 0 投票 0

Swift/SwiftUI 无需按下按钮即可在按钮内更新视图

对于我视图中的每个按钮，它都有一个 QuizProgressView，它是一个小进度条。目前如果功能正常并在所需值更改时更新。然而，更新实际上并不是