按钮是图形用户界面中的简单元素,可以将鼠标点击或手指点击(在移动设备上)作为输入。
我对 python 中的 tkinter 完全陌生,我开始学习如何对其进行编码。我正在创建一个故事情节,您必须在其中逃离森林(这是一个基本故事,因为我想编写代码...
如何创建一个按钮,以便在悬停时背景颜色从元素的中心到左侧和右侧填充元素。 例子 : 我知道如何使用 CSS3 过渡,并且可以将它变成...
我正在尝试使用 customtkinter 创建按钮,但按钮的形状非常奇怪。我没有找到浏览互联网的解决方案。 有没有人对此有解决方案或遇到一些类似...
创建 GUI,其中包含 1 个添加按钮和 1 个具有 4 列的表,即编号、名称、编辑和删除。如果单击添加按钮,它必须打开包含名称输入字段和保存按钮的弹出窗口。如果
我在将我制作的两个按钮制作成实际可点击的按钮时遇到了一些麻烦
我只有开始屏幕,只要我能让“退出”按钮正常工作,我就可以自己解决其余的问题。我只需要退出按钮来关闭窗口并停止程序...
我必须点击两次才能激活按钮,这是我的 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;"> <!-- code --> </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>
我想创建两个文本的按钮:一个左(文本标签本身)和一个右(热键)对齐,可能还有一个图像。下面的屏幕截图来自类似的应用程序(不是我的!) 它会...
我需要制作用户名片,点击关注按钮后,它会更改颜色和名称,并为关注添加 1。我从 API 收到这样的用户,12 个用户,我需要能够选择超过 ...
.Net Maui .Net7 - 按钮视图:我无法换行。 LineBreakMode 对我不起作用
我需要在 .Net Maui(使用 .Net7)中包含超过 1 行文本的按钮。我使用了属性 LineBreakMode = "WordWrap",但文本(“如果可以的话就把我换行”)不会换行。 我跟着...
我是 Xamarin Forms 的新手,我正在设计一个问答游戏。我想让按钮在用户单击后被禁用,以防止用户再次选择它。我尝试使用 Isenable 但它...
我的按钮不起作用,我不知道这是否与拼写错误有关,或者我错过了什么。 我希望我的代码询问你的名字是什么,然后它会提醒它。 我的按钮不起作用,我不知道这是否与拼写错误有关,或者我错过了什么。 我希望我的代码询问你的名字,然后它会提醒它。 <!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>
如何使用 JSON 文件让 ViewButton 在 React 文件中工作?
我正在尝试使表格中的按钮在显示正确数据的位置工作。不幸的是,现在它正在我的常量表中显示数据,这是一个问题。我想让它显示
tilde上有一个网站: http://medoviy9.tilda.ws/main 它上面有一个蓝色的大按钮,可以调用用于选择房间的外部小部件。该脚本根据用户请求将数据加载到页面...
Swift/SwiftUI 无需按下按钮即可在按钮内更新视图
对于我视图中的每个按钮,它都有一个 QuizProgressView,它是一个小进度条。目前如果功能正常并在所需值更改时更新。然而,更新实际上并不是
MAC、tkinter、imagecodecs:内核似乎已经死亡。它会自动重启
我在 MAC 上(英特尔:它不是 M1 也不是 M2)并使用 jupyter notebook。我正在尝试从计算机中选择一个文件夹。用tkinter和imagecodecs选择文件的时候,点击下面的时候
在经典 Android(基于 XML 的布局)中实现应用程序功能时,我默认启用了点击声音,如果在设备上设置了适当的模式,我可以听到它。 但是,我注意到
如果按按钮命令插入,Treeview 列最初不会拉伸,但会在手动函数调用时拉伸
我在框架中有一个树视图。该树由网格几何管理器管理。 按下按钮我想: 更改树的列跨度 更改树的数据(包括其列数) 树...
所以,我目前有一个 html 列表,最初是作为超链接编写的,但我想用按钮替换它们,而不会将整个 css 搞乱。我暂时……
我正在开发的应用程序需要知道何时有人按下结束通话按钮。它根本不需要改变按钮的功能。它只需要知道它何时被按下。我只想
Tkinter, py - 创建一个游戏,每次单击一个按钮都会出现一个新按钮
我想从 Button1 开始,单击 Button1 并创建 Button2,单击 Button1 或 Button2 并创建 Button3,依此类推,直到单击正确的按钮(当前按钮将是