event-handling 相关问题

我有一个包含以下正文的 HTML 文件： ... 我有一个包含此正文的 HTML 文件： <body onload="loadContent()"> <form action="" onsubmit="event.preventDefault()"> <table> <tr> <td></td> <td> <button type="submit" onclick="saveNewProject()">Save</button> </td> </tr> </table> </form> </body> 它包括一个表单，并且有一个用于保存新内容的按钮： <button type="submit" onclick="saveNewContent()">Save</button> 加载页面时，会加载包含现有内容的数组，然后通过填写表单并单击“保存”添加新内容时，页面应显示现有内容和新内容。我已经成功地显示了新内容。我遇到的问题是，每当我单击“保存”时，页面现在都会向我显示现有内容两次以及新输入的内容。例如：有 3 个现有元素，我添加第 4 个元素并单击“保存”，现在我看到重复的 3 个现有元素和新输入的元素（总共 7 个元素，而不是 4 个）。 saveNewContent 函数应该包含 loadContent 函数： function saveNewContent() { loadContent(); } 如何在每次添加新内容时不再重复现有内容？我只是希望能够一次性看到现有内容以及新添加的内容。这是loadContent()函数。它遍历一个对象数组，然后 saveNewContent 创建新对象并将其添加到同一对象数组中。 function loadContent() { for (var i=0; i < contents.length; i++) { card = document.createElement('div') card.className = 'card' description = document.createElement('span') description.textContent = contents[i]["description"] contentCard = document.getElementById("contents").appendChild(card) contentCard.appendChild(description) } 看起来每次调用 loadContent() 时，所有内容都会再次添加。如果您在再次添加之前清除所有内容，也许可以解决您的问题： function loadContent () { // clear everything at first: document.getElementById("contents").innerHTML = "" for ( /* ... */ ) { // ... } }

javascript dom events event-handling

回答 1 投票 0

防止在DataGridView中输入重复记录

流程如下从文本框输入记录到datagridview，然后到数据库当将数据输入文本框并触发 Enter the data into datagridview 按钮的单击事件时约束

c# vb.net events visual-c++ event-handling

回答 2 投票 0

PrimeNG 单选按钮的自定义取消行为

我正在为一个带有大量表单的应用程序开发热键功能，该应用程序具有通过“WASD”而不是经典的“Tab”/“Shift+Tab”来聚焦元素的自定义行为。一个...

javascript angular event-handling radio-button primeng

回答 1 投票 0

svelte：如何在我自己的组件中使用事件修饰符

我想开发自己的 Button 组件并能够处理事件修饰符，如下所示：点我但我得到以下错误...

event-handling svelte

回答 3 投票 0

Vue 3子组件在显示时引发点击事件

在 vue 3 compose api 中，我正在显示一个弹出组件，我想捕获用于关闭模式的点击。我的父组件中的代码在 vue 3 compose api 中，我正在显示一个弹出组件，我想捕获用于关闭模式的点击。我的父组件中的代码 <template> <button @click="toggleSettings" class="bg-gray-300 text-gray-700 px-4 py-2 rounded flex items-center"> <span>⚙️</span> </button> <ModalSettings :visible="showSettings" @onClose="toggleSettings"/> </template> <script setup lang="ts"> import { ref } from 'vue' const showSettings = ref(false) const toggleSettings = () => { showSettings.value = !showSettings.value } </script> 我的子组件的代码 <template> <div v-if="visible" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"> <div ref="customDiv" @click.stop class="bg-white p-8 rounded-lg shadow-lg w-96"> <h2 class="text-xl font-bold mb-4"> Settings</h2> </div> </div> </template> <script setup lang="ts"> import { ref, onMounted, onUnmounted, nextTick, defineProps } from 'vue' const customDiv = ref<HTMLElement | null>(null) const props = defineProps({ visible: Boolean }) onMounted(() => { nextTick(() => { setTimeout(() => { document.addEventListener('click', handleClickOutside) }, 1000) }) }) onUnmounted(() => { document.removeEventListener("click", handleClickOutside) }) const handleClickOutside = (event: MouseEvent) => { if (customDiv.value && !customDiv.value.contains(event.target)) { console.log('close the popup') } } </script> 问题是每次我显示模态组件时，就好像立即在模态组件外部引发单击（我的超时黑客事件），因此它关闭了组件（在示例中，它只是写“关闭弹出窗口”）您知道会发生什么以及如何预防吗？您可以立即将组件与按钮一起安装，以便您的事件处理程序立即开始起作用。一个强力解决方案是向按钮添加 stop 修饰符： @click.stop="toggleSettings" 否则在 visible 更改上添加/删除侦听器：参见 Vue SFC Playground watch(() => props.visible, value => setTimeout(() => document[`${value ? 'add' : 'remove'}EventListener`]('click', handleClickOutside)));

javascript vuejs3 event-handling vue-component

回答 1 投票 0

速度类型测试应用程序的 Tkinter 线程问题

所以我读了很多关于 Tkinter 的线程和事件管理器的不同问题，但我找不到解决我的问题的方法。所以现在我知道我的代码很混乱，而且我不担心...

python multithreading tkinter event-handling

回答 1 投票 0

如何处理 WinForms 中的 ErrorProvider 图标上的鼠标单击或鼠标按下

我想在某些时候在按钮上显示错误提供程序图标，如下所示：但是，如果用户碰巧单击了该图标，我也不希望该图标遮盖/阻止按钮单击

c# .net winforms event-handling

回答 1 投票 0

c# TreeView 管理工具提示

我有一个TreeView实例，并且设置了工具提示，但是我想自定义工具提示，因为每个工具提示由几行组成，所以我想将字体更改为固定间距... .

c# event-handling tooltip

回答 1 投票 0

Python Turtle：处理两个连续的事件监听器驱动的游戏函数的两个连续屏幕

我是 Python 新手，正在通过教程尝试 Turtle。这个问题结果很冗长，我的错。我设计了由 2 个函数（在单独的模块中）处理的 2 个游戏，这些函数被称为...

python event-handling listener turtle-graphics python-turtle

回答 1 投票 0

Google Maps JavaScript API 中标记位置更改时的事件

我不知道如何处理 Google 地图标记更改。理想情况下，我希望实时获取标记位置变化。最后，我检查了文档，但没有找到特定的事件......

javascript google-maps event-handling google-maps-markers

回答 2 投票 0

addEventListener“单击”或任何其他事件在 ejs 文件中不起作用

我在ejs文件中有一个选择标签， \html 选择脚本：我在 ejs 文件中有一个选择标签， \\html <label for="script">Choose a script:</label> <select name="script" id="script"> <option value="main">Main</option> <option value="main2">Main2</option> </select> 我想要一个函数在选择标签的值发生更改后立即执行，我尝试了“onchange”事件，但它不起作用，所以我尝试了“onclick”，但后来我意识到事件侦听器没有响应无论如何，无论事件类型是什么，这里都是 js 文件中的代码 - \\JS document.getElementById('script').addEventListener('onchange', ()=>{ console.log("registered") }) 但是，如果我使用“click”而不是“onclick”，使用“change”而不是“onchange”，一切都会正常。那么使用“on”前缀有什么区别吗？活动名称不以on开头，只是change或click。当您使用 HTML 中的内联属性创建侦听器时，在开头添加 on，例如 <select name="script" id="script" onchange="console.log('registered')"> <option value="main">Main</option> <option value="main2">Main2</option> </select> 或者当您将其分配为属性时： document.getElementById("script").onchange = function() { console.log('registered'); }; <select name="script" id="script"> <option value="main">Main</option> <option value="main2">Main2</option> </select>

javascript event-handling ejs

回答 0 投票 0

在 LWC 中，event、event.target、event.target.value 未定义

我有一个按钮，单击该按钮会触发另一个组件。在此之前，它会记录有关事件的信息。我是 LWC 的新手。我在 LWC 参考指南中找不到解决方案。我有一个按钮，单击该按钮会触发另一个组件。在此之前，它会记录有关事件的信息。我是 LWC 的新手。我在 LWC 参考指南中找不到解决方案。 <template for:each={animeData} for:item="anime"> <div key={anime._id} class="Anime-Item"> <div class="Title"> <h1>{anime.title}</h1> <p class="Ranking">Id: {anime._id}</p> <p class="Ranking">Ranking: {anime.ranking}</p> <p class="Genres">Genres: {anime.genres}</p> <p class="Episodes">Episodes: {anime.episodes}</p> <p class="Has-Episode">Has Episode: {anime.hasEpisode}</p> <p class="Has-Ranking">Has Ranking: {anime.hasRanking}</p> <p class="Status">Status: {anime.status}</p> <p class="Type">Type: {anime.type}</p> <a class="Anime-Link" href={anime.link}>More Details</a> <button class="Book-Anime" id={anime._id} onclick={handleBookNow}>Book Now!</button> </div> <img class="Anime-Image" src={anime.image} alt="Anime Image"> </div> </template> handleBookNow(event) { const animeId = event.target.id; console.log('Book Now button clicked for Anime ID:', animeId); this.bookNow(event); } bookNow(event) { const animeId = event.target.id; // Consistent access to animeId console.log('Book Now action initiated for Anime ID:', animeId); this.isBook = true; this.isError = false; } connectedCallback() { this.getData(); } 几个小时后它开始工作，这真的很奇怪，我猜是 salesforce lwc 问题。对于相同的代码

javascript event-handling salesforce salesforce-lightning lwc

回答 1 投票 0

Django 中的链接和按钮点击问题：所有点击都在新窗口中打开

自从多次提交以来，所有点击按钮、链接、提交按钮...在新窗口中打开。提交表单不再起作用，这意味着我无法测试我所做的最后更改，并且

javascript django events event-handling

回答 1 投票 0

是否可以（在 Microsoft Access 中）将 VBA 事件处理程序附加到 Web 浏览器控件的 HTML 事件

我有一个带有 WebBrowser 控件的访问表单 (b)。我通过以下方式即时“写入”b 的内容： Dim h 作为字符串 h =“” h = h & " 我有一个带有 WebBrowser 控件的访问表单 (b)。我通过以下方式“写”b 的内容： Dim h as String h = "<html><body>" h = h & "<form id='bf' ...>" h = h & "<input type='text' id='test' name='test'>" h = h & "<input type='submit' value='Submit'>" h = h & "</form>" h = h & "</body></html>" Call Me.b.Object.Document.Write(h) 我想通过 VBA 函数处理用户的响应（“提交”）。在我的 VBA 代码中，可以通过 bf 访问 HTML 表单 Me.b.Object.Document.getElementById("bf")，即一个 MSHTML.HtmlFormElement 并公开带有两个参数的 attachEvent 方法： Function attachEvent(event As String, pdisp As object) As Boolean 我应该如何创建一个pdisp对象来完成以下操作？ Call Me.b.Object.Document.getElementById("f").attachEvent("onsubmit", *???*) 提前感谢您对此问题的任何见解或对我的问题的任何替代解决方案。用 Address Of 提供“函数指针”是行不通的。我认为所需的对象应该是某个实现某些接口的WithEvents类的实例...但是找不到有关该主题的任何文档。尽管有 .Net，VBA MSHTML 库不提供对 ObjectForScripting 的访问... 使用带有 WithEvents 的类的示例：类模块clsHtmlInput: Option Explicit Private WithEvents m_btn As MSHTML.HTMLInputElement Private m_txt As MSHTML.HTMLInputElement Public Sub SetInputs(theButton, theTextBox) Set m_btn = theButton Set m_txt = theTextBox End Sub Private Function m_btn_onclick() As Boolean MsgBox "Clicked: " & m_txt.Value End Function 您的用户表单： Dim o As clsHtmlInput '<< instance of your "withEvents" class Private Sub UserForm_Activate() Dim el As MSHTML.HTMLInputElement, h As String With Me.wb1 .navigate "about:blank" WaitFor wb1 .document.Open "text/html" h = "<html><body>" h = h & "<input type='text' id='test' name='test'>" h = h & "<input type='submit' value='Submit' id='btnSubmit'>" h = h & "</body></html>" .document.Write h .document.Close WaitFor wb1 .document.getElementById ("btnSubmit") Set o = New clsHtmlInput o.SetInputs .document.getElementById("btnSubmit"), _ .document.getElementById("test") End With End Sub 'utility sub to ensure page is loaded and ready Sub WaitFor(IE) Do While IE.readyState < 4 Or IE.Busy DoEvents Loop End Sub

vba ms-access event-handling dom-events webbrowser-control

回答 1 投票 0

event-handling 相关问题

最新问题