javascript 相关问题

隐藏具有相同类名的单个按钮

如何隐藏单个按钮，例如单击类名 sbn 的按钮时。 还隐藏同一 tr 或 td 中类名为 cnl 的按钮。并使其他具有相同类名 cnl 的按钮可见 所以我...

启用 .active 类时，下拉菜单将丢失所有样式，但使用 on:hover 则可以工作

我在下拉组件中遇到了奇怪的行为，我无法弄清楚是什么原因导致了问题。非常感谢任何帮助！ 这是一个简单的下拉菜单。我使用了 React、CSS 和 JavaScript

设置leaflet.js地图显示用户当前位置

我正在使用 Meteor 的 leaflet.js 包，但在将地图默认为初始渲染时的当前位置时遇到问题。 setView 方法可以很好地处理硬数字...

使用Leaflet查找用户当前位置

在我的项目中，我使用传单来显示点。我想在单击“显示您的位置”按钮后获取当前的纬度和经度，我尝试了以下代码： https://jsfiddle.net/a1p26e7v/ 做什么...

Node JS res.sendFile() 不起作用

我收到 ReferenceError：main 未定义 当我打开 http://localhost:3000/ 这里我尝试打开位于views目录中的main.html 这是我的 app.js const 表达 = 要求('

如何删除输入中预览中的多个图像之一

如何才能从发送到输入的 5 张图像中删除 1 张图像？这就是我将附加图像的预览添加到输入文件的方法 窗户。</desc> <question vote="0"> <p>如何才能从发送到输入的 5 张图像中删除 1 张图像？这就是我将附加图像的预览添加到输入文件中的方法</p> <pre><code> &lt;script&gt; window.onload = function() { if (window.File &amp;&amp; window.FileList &amp;&amp; window.FileReader) { var filesInput = document.getElementById(&#34;file&#34;); filesInput.addEventListener(&#34;change&#34;, function(event) { var files = event.target.files; var output = document.getElementById(&#34;result&#34;); for (var i = 0; i &lt; files.length; i++) { var file = files[i]; if (!file.type.match(&#39;image&#39;)) continue; var picReader = new FileReader(); picReader.addEventListener(&#34;load&#34;, function(event) { var picFile = event.target; var div = document.createElement(&#34;div&#34;); div.innerHTML = &#34;&lt;img class=&#39;thumbnail&#39; src=&#39;&#34; + picFile.result + &#34;&#39;&#34; + &#34;title=&#39;&#34; + picFile.name + &#34;&#39;/&gt;&#34;; output.insertBefore(div, null); }); picReader.readAsDataURL(file); } }); } } &lt;/script&gt; </code></pre> <pre><code>&lt;div&gt;&lt;input style=&#34; border: solid 1px #2a2f40; padding: 10px; width: auto; margin: 5px 0;&#34; type=&#34;file&#34; name=&#34;file[]&#34; id=&#34;file&#34; multiple=&#34;multiple&#34; accept=&#34;.jpg, .jpeg, .png&#34; onchange=&#34;loadFile(event)&#34; &gt;&lt;legend style=&#34;font-size:10px;&#34;&gt;(jpg, jpeg, png) Max file size: 15 MB.&lt;/legend&gt;&lt;/p&gt; &lt;div id=&#34;result&#34; class=&#34;uploadPreview&#34;&gt;&lt;/div&gt;&lt;/div&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>要从 HTML 文件输入的预览中删除单个图像，您可以向每个图像预览添加删除按钮，并使用 JavaScript 处理删除操作。这是经过必要修改的脚本的简化版本：</p> <p><strong>HTML</strong></p> <p>无需更改 HTML 结构。</p> <p><strong>JavaScript</strong></p> <p>添加此更新的脚本来处理文件输入更改和图像删除：</p> <pre><code>window.onload = function() { if (window.File &amp;&amp; window.FileList &amp;&amp; window.FileReader) { var filesInput = document.getElementById(&#34;file&#34;); filesInput.addEventListener(&#34;change&#34;, function(event) { var files = event.target.files; var output = document.getElementById(&#34;result&#34;); output.innerHTML = &#39;&#39;; // Clear previous images for (var i = 0; i &lt; files.length; i++) { var file = files[i]; if (!file.type.match(&#39;image&#39;)) continue; var picReader = new FileReader(); picReader.onload = (function(file) { return function(event) { var div = document.createElement(&#34;div&#34;); div.innerHTML = `&lt;img class=&#39;thumbnail&#39; src=&#39;${event.target.result}&#39; title=&#39;${escape(file.name)}&#39;/&gt; &lt;button onclick=&#39;this.parentNode.remove()&#39;&gt;X&lt;/button&gt;`; output.appendChild(div); }; })(file); picReader.readAsDataURL(file); } }); } }; </code></pre> <p><strong>解释</strong></p> <ul> <li>清除 <pre><code>output</code></pre> div 以避免添加新文件时重复预览。</li> <li>每个图像预览都包含一个删除按钮 (<pre><code>X</code></pre>)。单击此按钮将从 DOM 中删除图像预览。</li> </ul> <p>此脚本为每个图像设置一个删除按钮，单击该按钮将从页面中删除图像预览。</p> </answer> </body></html>

使用函数属性作为数组键的TypeScript

从“../../../models/dtos/PlanificationElement”导入{PlanificationElement}； 接口 BaseCellRenderProps { 单元格：{数据：PlanificationElement}； 列：字符串； } 导出常量

当我导入节点路由器时，我的节点 js 应用程序崩溃了。谁能帮我解决这个问题

当我导入节点路由时，我的节点js服务器崩溃了。当我删除时 路线，它有效。我试图找出问题所在，但找不到。当我仔细检查时，路径实际上是正确的......

使用什么视频格式来支持Web应用程序上的透明视频，适用于桌面和移动设备，支持所有浏览器（桌面和移动设备）

我有一个基于 NextJS 构建的 Web 应用程序。我打算使用透明视频，目前我有 MOV 和 WEBP，WEBP 在 Chrome（桌面）上工作得很好，而 MOV 在 Safari 上工作得很好（

eslint-plugin-import 如何检测循环依赖

“eslint-plugin-import”工具使用其“导入/无循环”规则来检测文件中的循环依赖关系。 我想知道幕后到底发生了什么。这一切是做什么的...

将自定义脚本添加到 Shopify 商店的集合页面会给我带来短暂的视觉故障，直到我的脚本未加载

对于shopify商店的集合页面，我正在使用自定义脚本对其进行更改。 我面临的问题是首先它显示 Shopify 的默认集合页面，然后我的脚本覆盖...

Chart.js - 在不使用工具提示的情况下向气泡图元素添加文本/标签？

问题 有没有办法向 Chart.js 气泡图中的各个气泡添加标签，而无需始终显示工具提示？ 背景 图表数据用于可视化我们的

使用 ag 网格聚焦自定义标题

所以我将 ag-grid 与 React 结合使用，并创建了自定义标头组件。 在自定义标头组件中有react-select组件， 所以我试图让反应选择组件成为焦点

如何在没有navigator.platform的情况下确定浏览器平台

虽然之前我们能够使用 navigator.platform 来检查浏览器正在运行哪个操作系统（这对于关键事件翻译之类的事情仍然是必要的，例如 Home 与 metaKey+

jQuery UI 手风琴可以保持多个部分打开？

我可能是个白痴，但是如何保持 jQuery UI 手风琴中的多个部分打开？ 这些演示一次只能打开一个...我正在寻找一种可折叠的菜单类型系统。

在defineComponent中使用defineModel时模型未定义

所有使用defineModel的例子都带。如果我想在defineComponent中使用defineModel怎么办？ 这似乎是可能的，但我正在努力设置默认值...</desc> <question vote="0"> <p>所有使用<pre><code>defineModel</code></pre>的例子都带有<pre><code>&lt;script setup&gt;</code></pre>。如果我想在 <pre><code>defineModel</code></pre> 中使用 <pre><code>defineComponent</code></pre> 怎么办？</p> <p>这似乎是可能的，但我正在努力设置默认模型值。当我尝试这个时， 在父组件中：</p> <pre><code>&lt;Child v-model=&#34;foo&#34; /&gt; (foo is &#34;1&#34;) </code></pre> <p>在子组件中：</p> <pre><code>&lt;script&gt; import { defineComponent, defineModel } from &#39;vue&#39; export default defineComponent({ setup(props, ctx) { const model1 = defineModel() console.log(model1) // returns &#34;undefined&#34; here and when used in template console.log(ctx.attrs.modelValue) // returns &#34;1&#34; const model2 = defineModel({ type: String, default: ctx.attrs.modelValue }) console.log(model2) // returns &#34;undefined&#34; here and when used in template return { model1, model2 } } }) &lt;/script&gt; </code></pre> <p>我尝试了两种方法（<pre><code>model1</code></pre>和<pre><code>model2</code></pre>），但都不起作用。</p> <p>为什么 <pre><code>model1</code></pre> 和 <pre><code>model2</code></pre> 没有从 <pre><code>modelValue</code></pre> Fallthrough 属性中获取默认值（通过 <pre><code>v-model=&#34;foo&#34;</code></pre> 从父级传递给子级）？我使用的是 Vue v.3.4.23。</p> </question> <answer tick="false" vote="1"> <p><pre><code>defineModel</code></pre> 是一个宏，它不应该在 <pre><code>&lt;script&gt;</code></pre> 中使用，它在那里是一个空操作，并且会导致警告：</p> <blockquote> <p>defineModel() 是一个编译器提示助手，只能在单个文件组件的 <pre><code>&lt;script setup&gt;</code></pre> 内使用。它的参数应该被编译掉，并且在运行时传递它没有任何效果。</p> </blockquote> <p>为了让 <pre><code>v-model</code></pre> 工作，组件应该声明 <pre><code>modelValue</code></pre> 属性，这是无法通过使用 <pre><code>defineModel</code></pre> 作为 <pre><code>setup()</code></pre> 中的常规函数来完成的。</p> <p>正如<a href="https://vuejs.org/api/sfc-script-setup.html#definemodel" rel="nofollow noreferrer">文档</a>所述：</p> <blockquote> <p>在底层，这个宏声明了一个模型道具和一个相应的值更新事件。 <...> 您还可以传递一个附加对象，其中可以包含道具的选项和模型引用的值转换选项。</p> </blockquote> </answer> </body></html>

清除javascript中特定的asp.net验证组

我可以通过使用来验证特定的验证组 Page_ClientValidate('验证组'); 如果我想重置页面中的所有验证。 Page_ClientValidate(''); 这很好用。 但如何...

当图像不存在时如何用虚拟图像替换实际图像

我想要...

Javascript Fetch Get 不显示数据

我有一个带有小网站的MCU。现在我想使用 FETCH 从中获取实时数据。 它工作正常，但一台电脑（具有不同的浏览器）不显示这些值。 在wireshark中我看到右边的

是否可以通过 CSS 将输入字段设置为只读？

我知道输入元素通过应用 readonly 布尔属性而变为只读，并且作为一个属性，它不受 CSS 影响。 另一方面，我的场景似乎非常好......