onclick 相关问题

用户单击对象时发生的事件。它是两个事件的组合,即“onmousedown”和“onmouseup”。

在 Jetpack Compose 中,如何使新元素始终出现在任何内容的顶部?

我有两个按钮,每个按钮都会使文本出现在屏幕内容的顶部。 如果我按下按钮 A,则屏幕顶部应出现文本“Here is A”。如果我按屁股...

回答 1 投票 0

Js 数组给出 null数组

为什么 Array 在 htm5 中的脚本 onclick 事件之外给出 null?其他变量工作正常。 数组 ...</desc> <question vote="0"> <p>为什么 Array 在 htm5 中的脚本 onclick 事件之外给出 null?其他变量工作正常。</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Array&lt;/title&gt; &lt;script&gt; var list = new Array(&#34;andrea&#34;, &#34;matteo&#34;, &#34;marco&#34;); var x = &#34;andrea&#34;; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=&#34;button&#34; value=&#34;click&#34; onclick=&#34;alert(list[0]);&#34;&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>这是因为 <pre><code>list</code></pre> 不在您的 <pre><code>onclick</code></pre> 属性范围内。您可以在其前面加上 <pre><code>window</code></pre> 来直接定位它:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Array&lt;/title&gt; &lt;script&gt; var list = new Array(&#34;andrea&#34;, &#34;matteo&#34;, &#34;marco&#34;); var x = &#34;andrea&#34;; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=&#34;button&#34; value=&#34;click&#34; onclick=&#34;alert(window.list[0]);&#34;&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

回答 0 投票 0

如何只指定出现文本的id,而不指定隐藏文本的id?

当您单击某个按钮时,会显示特定的文本,而当您单击另一个按钮时,文本会更改为另一种文本。问题是我需要指出所有可能的身份...

回答 1 投票 0

为什么我的nextjs按钮没有调用函数

我有一个用于创建动画的下一个应用程序。这些帧被保存到时间线上,用户可以在其中滚动旧帧。我正在尝试添加删除其中一个框架的简单功能...

回答 1 投票 0

镜像滚动效果开启。在两个容器之间单击

目前,我正在学习如何用 javascript 和 jquery 编写。我使用一个代码,当您单击导航菜单时,它会向下滚动到另一个 div 内的特定 div。不过,我正在尝试...

回答 2 投票 0

onClick 不断给我错误使用提供的参数无法调用以下函数

这是我的代码: 行(修饰符= Modifier.fillMaxWidth(), HorizontalArrangement = Arrangement.spacedBy(buttonSpacing) ){ 计算器按钮( ...

回答 1 投票 0

React/TypeScript - React-grid-layout:单击 <div>

我正在尝试使用react-layout-grid组件构建一个具有可点击和可拖动itens的网格。 但是,当我单击该项目时,拖动会立即激活,而无需实际移动光标。 可以这样吗...

回答 1 投票 0

为什么我不能调用SetText呢

我想在单击此按钮时在 EditText 中显示文本。但使用它不允许这样做。 `类 MainActivity : AppCompatActivity() { 私有值 MY_LOG = "myLog" Lateinit var 绑定:

回答 1 投票 0

使用 HTML 和 Javascript 的模态

我正在尝试制作两个由相应按钮触发的模态。这是我的代码: 我正在尝试制作两个由相应按钮触发的模态。这是我的代码: <!-- Trigger/Open The Modal --> <p><button id="seeBtn" type="button">SEE</button></p> <p><button id="hearBtn" type="button">HEAR</button></p> <!-- The Modal --> <div class="modal modal-content" id="seeModal"> <span class="close">&times;</span> <p>See their profile</p> <p>See their profile</p> <p>See their profile</p> <p>See their profile</p> </div> <!-- The Modal --> <div class="modal modal-content" id="hearModal"> <span class="close" id="close">&times;</span> <p>Hear their Stories</p> <p>Hear their Stories</p> <p>Hear their Stories</p> <p>Hear their Stories</p> </div> <script> const seeModal = document.getElementById("seeModal"); const hearModal = document.getElementById("hearModal"); const seeBtn = document.getElementById("seeBtn"); const hearBtn = document.getElementById("hearBtn"); const closeModal = document.getElementById("close"); itemModal = function(modal,open,close) { var modal; var open; var close; open.addEventListener("click", function(){modal.style.display = "block";}); close.onclick = function(){modal.style.display = "none";}; } itemModal(seeModal,seeBtn,closeModal); itemModal(hearModal,hearBtn,closeModal); </script> 上面的代码在某种程度上是有效的。 “seeModal”将打开,但不会关闭。 “hearModal”将完美地完成这两件事。 我不确定它是否与此有关,但我将其输入到 Omeka S 中的 HTML 块中。这可能就是 模态方法不起作用的原因。 我尝试了“addEventListener”和“onclick”——CodePen 告诉我这两个都是空的。我尝试了 模态方法(参见此处:https://youtu.be/TAB_v6yBXIE?si=GM9fpckBCpePWf6N),但我有一种感觉 Omeka S 的 HTML 净化器不熟悉它,因为代码出来时相当混乱我试过。我还尝试了箭头功能,当我单击按钮并期望发生一些事情时,我的计算机上出现了一片空白(“嗯?”)。当我复制并粘贴 W3School 的模态教程 (https://www.w3schools.com/howto/howto_css_modals.asp#gsc.tab=0) 时,它工作得很好,直到我想将它复制到多个按钮为止。当我查看 Azurespeed 的 ChatGPT 代码生成器 (https://www.azurespeed.com/ChatGPT/GenerateCode) 时,发现有些内容未定义。我知道我对 JS 很生疏,但这让我感觉像用头撞墙。 我的目标是单击按钮并显示相应的模式。当某人查看完模式后,他们可以单击关闭按钮使其消失。该操作需要可重复且易于为多个按钮设置。大多数情况下,我需要帮助弄清楚为什么这些功能似乎有效,但只是部分时间。 看起来您只有一个带有 id="close" 的关闭按钮,并且您将相同的引用传递给 itemModal 函数。 解决这个问题的一个简单方法是在 itemModal 函数中查找关闭按钮。在这种情况下,您不需要将其传递到外面,您的模态框将选择位于模态框本身内部的一个。这是一个例子: const seeModal = document.getElementById("seeModal"); const hearModal = document.getElementById("hearModal"); const seeBtn = document.getElementById("seeBtn"); const hearBtn = document.getElementById("hearBtn"); itemModal = function(modal,open){ var modal; var open; var close = modal.querySelector('.close'); open.addEventListener("click", function(){modal.style.display = "block";}); close.onclick = function(){modal.style.display = "none";}; } itemModal(seeModal,seeBtn); itemModal(hearModal,hearBtn);

回答 1 投票 0

在 JavaScript 中单击时更改变量值

我正在使用 dribbble API 从 dribbble 获取我的作品。 我设置了一些 VAR 来帮助完成这个过程; var dribbble = 'crobertson97'; 变量限制='10'; //每页项目 var per_page = ...

回答 2 投票 0

在android中添加onClick监听器并接听电话

用代码更容易解释,所以这里是: 在 Java 中,要添加动作侦听器,您可以执行以下操作: 公共类 PROG 实现 ActionListener { ...... JButton a,b,c = new JButton("按钮"); //t...

回答 2 投票 0

onClick 不适用于 <p> 元素,但适用于 <button> 元素

导出函数SignoutButton() { 返回 ( signOut({callbackUrl:“/”})}> 登出 ); } 我有这个功能...

回答 1 投票 0

Onclick 从列表随机重定向

我正在尝试在我的网站上创建一个按钮,用于从新选项卡中的列表中打开随机页面。 我认为我已经非常接近了,但是当新选项卡打开时,它是一个“about:blank”页面。 我不确定...

回答 1 投票 0

TimePickerDialog中的onClick没有响应

我想要一个 ListView,可以在其中单击单个项目。应该出现一个 TimePickerDialog 并让用户选择一个时间并确认他的选择。所以我使用了 setButton(BUTTON_POSITIVE, ......

回答 1 投票 0

寻找一种在 SVG 中的任何路径发生鼠标事件时调用 Javascript 函数的方法

我有一个 SVG,其中有数千条以下格式的路径: 我有一个包含数千条这种格式路径的 SVG: <path id="c02130" d="m256.29 573.18-0.78515 1.1758h1.1777v-0.78516zm0.39258-1... <title>Ketchikan Gateway, AK</title> </path> 每当路径发生鼠标事件时,我需要调用 Javascript 函数。目前,我通过点击执行此操作,效果很好: <path id="c02130" onclick="on('c021830')" d="m256.29 573.18-0.78515 1.1758h1.1777v-... <title>Ketchikan Gateway, AK</title> </path> on() 函数使用 AJAX 从服务器获取文本并将其写入 区域。 我想知道是否有更好的方法不需要向每个路径添加 onclick,因为所有路径都将以相同的方式处理 - 将它们的 id 传递给 Javascript 函数。 是的,有更好的方法: 将 onClick 事件侦听器添加到 svg,然后使用 event.target 查看事件来自何处,如下所示: <script> function onSvg(event) { on(event.target.id); } </script> <svg onClick="onSvg" ></svg>

回答 1 投票 0

Hover、onClick 功能不适用于 React 中动态添加的内容(按钮)

我正在获取 URL 输入并使用 API 缩短它,并使用复制按钮动态地将这个缩短的 URL 添加到 DOM,以便用户获得缩短的 URL,但是当我添加

回答 1 投票 0

Google Mpas Javascript API 加载标记 onclick

我正在尝试新的 API 来动态导入库。 我无法通过使用链接或按钮的 onclick 事件调用函数来加载标记。谁能给我一个建议吗? 我尝试过这个但是

回答 1 投票 0

在 Ionic 7 和 React 18 中,如何获取对 Swiper 的引用,以便用户可以通过单击按钮进行转换?

我正在使用 Ionic 7、React 18 和 Swiper 10.3.1。我有以下在两个图像之间切换的组件。我想将其设置为水平翻转动画,当有人单击按钮时,...

回答 1 投票 0

按钮 onclicks 对某些元素不起作用

我正在用 JavaScript 制作游戏。我正在尝试创建一个带有 onclick 元素的按钮并将其附加到场景。我已经在几个地方这样做了,但现在代码失败了。这是...

回答 1 投票 0

@click-append-inner 在 vuetify 3 代码中不起作用

我尝试使用“@click:append-inner =“randomFunc””来触发我在“v-text-field”内部附加的图标上的单击事件,但它不起作用。而且光标没有变化...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.