Я хочу нажать кнопку «Добавить цвет» , а затем цвет должен быть мгновенно добавить в Color_list
html
Tauri App
add color
add color
< /code>
js < /h2>
const { invoke } = window.__TAURI__.core;
const currentSettings = {
saved_colors: []
};
window.addEventListener("DOMContentLoaded", () => {
const input = document.getElementById("new_color");
const btn = document.getElementById("add_color_btn");
btn.addEventListener("click", async () => {
const color = input.value.trim();
console.log("Input read:", color);
if (color === "") return;
currentSettings.saved_colors.push(color);
input.value = "";
updateColorUI(currentSettings.saved_colors);
try {
// await invoke("save_settings", { settings: currentSettings });
console.log("saved");
} catch (err) {
console.error("error while saving:", err);
}
});
});
function updateColorUI(colors) {
const list = document.getElementById("color_list");
list.innerHTML = "";
colors.forEach((color) => {
const li = document.createElement("li");
li.textContent = color;
list.appendChild(li);
});
}
< /code>
Save for Tauri прокомментируется, потому что он обновляется в Frontend, даже без бэкэнда ржавчины < /p>
Я попробовал с нормальным веб -сайтом HTML, и это работает мгновенно, без ожидания, без озадаченного заблокированного и т. Д. Я проверил это с комментариями. После того, как я набрал что -то новое в поле ввода, кнопка не работает для 1/3 секунды, и когда нажимает кнопку через эти 3 секунды, цвет будет добавлен в список цветов < /p>
, когда я нажимаю в эти 2 секунды, ничего не произойдет, не будет выходить на консоли.>
Подробнее здесь: https://stackoverflow.com/questions/796 ... ot-working
Мобильная версия