onclick 相关问题

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


add类,当按钮在Blazor

@using System.Timers <button class="primary-btn @buttonClass" @onclick="AddRipple">Action 1</button> <button class="primary-btn @buttonClass" @onclick="AddRipple">Action 2</button>

回答 1 投票 0

2D阵列foreach表获得坐标JTSL,JavaScript

我得到了一个字符串[] [],这是我的播放桌(编码战舰)。我这样显示: <% String[][] field2 = master.getField(2); request.setAttribute("field", field2); %>...

回答 1 投票 0


我如何系架删除锚定标签的默认行为(A) 我正在尝试添加一个锚定标签,该标签只能在满足条件时将用户重定向到另一页

<a onclick='return handleClick()' href="https://www.example.com">click</a> <div class="check-div" id="check-div" style="cursor:pointer;">click</div> <div class="elem1"> I am elem1</div> <3). I have followed Iananswer of this SO question, but in my case ...

回答 1 投票 0

任何帮助都将不胜感激!

回答 1 投票 0


没有动画的jquery“隐藏”

$('。open-menu')。单击(函数(e){ $('#menulink')。淡出('fast',function(){ $('#菜单,# </desc> <question vote="1">我试图在没有动画的情况下单击时隐藏一个div。这是我的代码:<p> </p><p></p> <div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div><code>&lt;script&gt; $(&#39;.open-menu&#39;).click(function(e){ $(&#39;#menulink&#39;).fadeOut(&#39;fast&#39;, function(){ $(&#39;#menu, #menu-background&#39;).toggle(&#39;slide&#39;); }); }); $(&#39;#menu-background&#39;).click(function(e){ $(&#39;#menu, #menu-background&#39;).fadeOut(&#39;fast&#39;, function(){ $(&#39;#menulink&#39;).fadeIn(&#39;fast&#39;); }); }); &lt;/script&gt;</code><pre> </pre> </div> </div><p> </p>所需的操作是当您单击#菜单 - 折叠式地面时,它会在#Menu中隐藏自身,然后#Menulink再次出现。我已经完成了这项工作,但是我希望它藏起来没有淡出或动画。只是为了消失在点击时。使用.hide它仍然是动画的,并且使用.fadeout('0')它仍然逐渐消失。 <p> 任何想法?</p> <p> </p> </question>如何使用CSS?<answer tick="false" vote="4"> <p><code>// hide immediately. $(&#34;#hide-me&#34;).css(&#34;display&#34;, &#34;none&#34;); // show immediately. $(&#34;#show-me&#34;).css(&#34;display&#34;, &#34;initial&#34;); </code></p> <pre> </pre> </answer>如果您不想要动画,只需使用.hide()或.show()而无需参数而不是fadeout()或fadein()。 <answer tick="false" vote="2"><code>&lt;script&gt; $(&#39;.open-menu&#39;).click(function(e){ $(&#39;#menulink&#39;).hide(); $(&#39;#menu, #menu-background&#39;).show(); }); $(&#39;#menu-background&#39;).click(function(e){ $(&#39;#menu, #menu-background&#39;).hide(); $(&#39;#menulink&#39;).show(); }); &lt;/script&gt; </code><p> </p> <pre> </pre>add a 0(零)在持续时间参数中。 </answer><code>&lt;script&gt; $(&#39;.open-menu&#39;).click(function(e){ $(&#39;#menulink&#39;).hide(0); $(&#39;#menu, #menu-background&#39;).show(0); }); $(&#39;#menu-background&#39;).click(function(e){ $(&#39;#menu, #menu-background&#39;).hide(0); $(&#39;#menulink&#39;).show(0); }); &lt;/script&gt; </code><answer tick="false" vote="0"> <p> </p><pre>

回答 0 投票 0

按钮没有明显的onclick事件

我正在查看似乎没有注册 onclick 事件的元素。检查 DOM 我还找不到任何当您单击它时会触发的事件。 一个例子是像这样的 Linktree 配置文件...

回答 1 投票 0

在新选项卡中打开之前运行自定义功能

我使用 标签而不是按钮,因为我需要添加允许用户右键单击然后在新选项卡中打开的功能: 现在的问题是这个标签有一个 onClick 函数...

回答 1 投票 0

我可以在一个元素中拥有两个 jquery onclick 事件吗?

我知道以前有人问过这个问题,但我什至无法完全了解如何在一次单击中添加特定功能的语法。 当前的 onclick 代码: 我知道以前有人问过这个问题,但我什至无法完全了解如何在一次单击中添加特定功能的语法。 当前 onclick 代码: <a class="thumbLinkCart" href="#" onclick="simpleCart.add('name=lemon','price=7.99','image=images/thumbs/yellowgold.jpg');return false;"></a> 添加第二个活动: <script> $(document).ready(function() { $('#demo12').click(function() { $.growlUI('Item added to cart'); }); }); </script> 有人可以帮我将第二个函数添加到第一个 onclick 事件中吗? 您可以将多个事件(类似)绑定到同一个元素。 但是,如果您使用内联事件处理程序绑定事件,则最多可以定义一个事件。 注意: 使用 javascript 绑定事件始终是一个更好的主意,因为它保持关注点分离并出于可维护性目的。 您可以将多个事件绑定到 JS 代码中的元素,这样更简洁 jQuery $('#demo12').on('click', function() { alert('1st click event'); // Add items to the cart here }); $('#demo12').on('click', function() { alert('2nd click event'); // Do something else }); 普通 Javascript document.querySelector('#demo12').addEventListener('click', function() { alert('1st click event'); // Add items to the cart here }); document.querySelector('#demo12').addEventListener('click', function() { alert('2nd click event'); // Do something else }); 检查小提琴 尝试替换“return false;”与“event.preventDefault();”。这应该让事件向上传播,以便点击处理程序触发,但仍然阻止 a-href 导航。 使用 onclick 属性通常被认为是不好的做法。它将太多的结构 (HTML) 与行为 (JavaScript) 混合在一起。 为什么不一起做呢? <a class="thumbLinkCart" href="#">Link</a> 还有 <script> $(document).ready(function() { $('.thumbLinkCart').click(function() { simpleCart.add('name=lemon','price=7.99','image=images/thumbs/yellowgold.jpg'); $.growlUI('Item added to cart'); }); }); </script> 你能告诉我如果我使用这个版本的代码该怎么办吗? <p id="block1"> HIDEN TEXT</p> <p id="show" onclick="$('#block1').show(1000)"> SHOW TEXT </p> <p id="block2"> HIDEN TEXT</p> 当你点击一个元素SHOW时,第二个元素(id="block2")也必须显示

回答 4 投票 0

如何防止选择选项中触发onclick事件

我有一个选择,当单击它时会触发一个事件。但我想防止它在我单击相应选项时再次触发。 有办法做到吗?

回答 3 投票 0

隐藏/显示菜单 onclick javascript

我想做一个隐藏/显示菜单,当您单击带有 id 菜单的 p 标签时显示,并在您单击相同的 p 标签时隐藏 - 但显然我对 JavaScript 毫无用处。我不想使用 jQuery,我真的

回答 4 投票 0

从不同的 onclick 事件执行相同的 javascript 函数

我有以下 JavaScript 代码,当我单击 HTML 中的“播放”按钮时,它会播放视频。 如何在不重复

回答 1 投票 0

如何做到如果我点击图像,它就会在其下方放置文字?

我正在开发一个网站的一部分,我需要一个图像,可以在点击时播放音乐,并在下面放置文本。音乐部分很简单,但我对文字部分迷失了。 大家有没有什么...

回答 1 投票 0

响应式导航栏点击

我尝试让我的导航栏响应。请关注 w3schools 上的这篇教程。如果我复制并粘贴它是有效的,但我希望它首先是移动的(媒体查询),这就是我的问题。 从移动设备切换到

回答 1 投票 0

在可点击的 TextView 上使用“setError()”设置的消息未显示

我无法找到我想要的行为的正确配置。我有一个带有 2 个 TextView 的布局,用于显示日期(出生日期和死亡日期)。要设置这两个日期,用户触摸 (onClick()

回答 1 投票 0

使用类通过 document.querySelector 打开相同的弹出窗口

我的网站上有一个弹出登录框,我使用登录然后调用此功能: document.querySelector('a.logincontent').onclick = () => { basicLightbox.create(` 我的网站上有一个弹出登录框,我使用登录然后调用此功能: document.querySelector('a.logincontent').onclick = () => { basicLightbox.create(` <section> MY POPUP HTML CODE SITS IN HERE `).show() } 这工作正常,但我的网站上同一页面上的多个位置都有登录按钮,我希望它调用相同的弹出窗口。根据研究,我需要一个循环允许多个类调用相同的函数,但我所有尝试让它工作的尝试都失败了。如果有人可以帮助我了解如何实现这一目标,那就太好了? 我尝试使用此网站上的建议https://dev.to/baransel/how-to-add-an-event-listener-to-multiple-elements-in-javascript-aco但我无法使用我的代码符合这个逻辑。 谢谢 埃迪 您可以通过使用多个选择器来实现此目的,如下所示: document.querySelectorAll('a.logincontent').forEach(button => { button.onclick = () => { basicLightbox.create(` <section> MY POPUP HTML CODE SITS IN HERE </section> `).show() } }); 或者您可以将弹出 html 存储在变量中以使其更易于维护: const loginPopupContent = ` <section> MY POPUP HTML CODE SITS IN HERE </section> `; document.querySelectorAll('a.logincontent').forEach(button => { button.onclick = () => basicLightbox.create(loginPopupContent).show() }); 我对代码所做的更改是: 使用 querySelectorAll() 而不是 querySelector() 选择所有匹配元素 使用 forEach() 将点击处理程序附加到每个按钮 或者将弹出 html 存储在变量中以避免重复 确保所有按钮都有 logincontent 类: <a href="#" class="logincontent">Login</a> <a href="#" class="logincontent">Login Here</a> <!-- etc -->

回答 1 投票 0

单击复选框两次以更新状态

我正在通过这个数组进行映射 数组=[ {'id': 1, 'isActive': true, 'name': 苹果}, {'id': 2, 'isActive': false, 'name': 橙色}, {'id': 3, 'isActive': false, 'name': 森林} ] 我有...

回答 5 投票 0

js element.click() 不会将焦点转移到该元素

我偶然发现了这种行为。我希望输入元素在单击时获得焦点,以便它成为文档的活动元素。单击是通过 javascr 以编程方式生成的...

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.