onclick 相关问题

无法导入以修复“onClick”无法识别的错误

我是 Kotlin 新手，正在学习 Room 教程，但（大约 32 分钟时）我收到一个无法修复的错误： 这是我的代码： @可组合 有趣的联系屏幕（ 状态：联系状态，

如何在点击方法中传递 alt 属性

我有以下标记和代码： 我有以下标记和代码： <img alt="image321" onclick="image(//here i want to pass the alt attribute to my function Bild()//);" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" /> <script> function image(alt) { alert(alt.src); } </script> 我有我的图像，并为其赋予了一个值为 image321 的 alt 属性。现在我想将此值传递给我的函数image()，并在单击图像后立即输出带有警报的值。但输出总是“未定义”。 有人可以帮我解决这个问题吗？ 许多问候尼尔斯 首先要避免内联处理程序 - 它们有很多问题，现在太多了，不值得使用，例如疯狂的作用域链和引用转义问题。使用 Javascript 并使用 addEventListener 正确附加事件侦听器。 在侦听器内，引用 this 来获取单击的元素，并引用其 src 属性来获取其 src: document.querySelector('img').addEventListener('click', function() { console.log(this.src); console.log(this.alt); }); <img alt="image321" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" /> function myfunc(img){ alert(img.alt); } <img alt="image321" onclick="myfunc(this);" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" /> 您应该尝试使用 this，它会发送您运行该函数所用的元素。 这是一个例子： function image(alt) { alert(alt.src); } <img alt="image321" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" onclick="image(this)"/>

我有一个像“<a href="javascript:;" onclick="return false;">”这样的锚标记。这有什么作用吗？

我正在尝试追踪单击锚标记时正在运行的一些JavaScript。 使用 Firebug 我发现了这段代码： ... W...

如何使用 Jetpack Compose 以编程方式在单击按钮时打开外部 URL？

在微调器外部单击时关闭微调器

我想在单击微调器外部后关闭 Android 微调器。这可能吗？

React js onclick 函数在不应该触发的地方触发

我在表格内添加了一个单击事件侦听器按钮，但它无法正常工作 它在填充数据时不断触发。 填充数据时的控制台 清洁控制台后，我...

单击时更改按钮颜色

我希望我的按钮每次单击时都会改变颜色。但它只会在第一次单击时改变颜色。 我相信问题出在 setColor 函数中。每次我点击按钮，数数...

是否可以调用一个函数（onclick-event）作为参数并调用相同的函数（arrayData）作为参数

我有一个带有 onClick(event) 函数的按钮，我需要将带有 arrayData 的事件从 getFromServer() 函数发送到 handler(event, arrayData) 函数作为参数。我知道那不是

React，如何阻止拖动后执行点击事件？

我有 Draggable 元素，在它的内部，我有一个带有 onClick 事件的组件。拖动结束时，触发点击事件。 我的可拖动元素如下所示。我使用了一个名为...

如何在 JavaScript 中的单击事件上将类名添加到按钮的现有类名中？

我有一个表单，单击按钮即可发送电子邮件。但是，在发送电子邮件时，该按钮保持活动状态，允许用户多次单击它，这会中断电子邮件发送...

将href放入onclick事件中

我有一个页面，其中包含指向多个 PDF 的不同链接。这些链接是动态创建的，因此我无法直接编辑 HTML。 我有一个页面，其中包含指向多个 PDF 的不同链接。链接是动态创建的，因此我无法直接编辑 HTML。 <a href="https://example.com/presentation-1.pdf" target="_blank">Download</a> <a href="https://example.com/presentation-2.pdf" target="_blank">Download</a> 我正在尝试在新窗口中打开指向 pdf 的每个链接。 这是我到目前为止得到的： $("a[href$='.pdf']").attr("onclick", 'https://example.com','popup','width=600,height=600'); return false;"); 当然，新窗口必须包含 pdf。因此代码中的https://example.com应该包含正确PDF的href。有人可以帮我吗？ $(document).on('click', "a[href$='.pdf']", function(e){ e.preventDefault(); var href_val = $(this).attr('href'); window.open(href_val, '', ["width=" + 600,"height=" + 600, 'status=1', 'toolbar=0'].join(',')); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a href="https://example.com/presentation-1.pdf" target="_blank">Download</a> <a href="https://example.com/presentation-2.pdf" target="_blank">Download</a> 注意 - 新窗口不会在此处打开，因为请求是在未设置“允许弹出窗口”权限的沙盒框架中发出的。

在一个 Onclick 语句中播放多个 mp3 文件？

我正在学习 Android，我的第一个应用程序是一个简单的乐器。我现在有 7 个按钮，每个按钮都使用 MediaPlayer。问题是每个按钮都有相同的功能...

我的页面在提交之前就进入了onclick事件

我已经使用了提交并向其添加了一个 onclick 事件，我想调用为它保存的控制器方法，之后我想将我的页面重定向到控制器的另一个方法，因为我有

如何让点击事件仅在父DIV上触发，而不是在子DIV上触发？

我有一个带有分类的 foobar 的 DIV，以及该 DIV 内的一些未分类的 DIV，但我认为它们继承了 foobar 类： $('.foobar').on('click', function() { /*...做一些事情...*/ ...

删除整个网站的“content”CSS属性“onclick”按钮

函数 myFunction() { document.getElementById('img'); const element = document.styleSheets[0].cssRules[0].style.removeProperty('content'); } 图像{ 内容： url("https://static.vecteezy.com/

如何在 ASP.NET C# 中触发 ICON 的 OnClieck 事件

请帮我解决这个问题，图标的 Onclick 事件不起作用！ HTML： 请帮助我解决这个问题，图标的 Onclick 事件不起作用！ HTML： <button id="create_project" runat="server" onclick="create_new_project" style="outline: none; border: none;"><i class='bx bxs-add'></i></button> 背后代码： protected void create_new_project(object sender, EventArgs e) { main_content.Visible = true; defualt_content.Visible = false; } 其中 main_content 和 default_content 是两个 既然你已经 runat=server，那么你可以通过这种方式连接事件： 在 onserverclick= 的标记类型中 当您点击“=”时，您会注意到 intel-sense 会弹出此选项： 选择创建事件，现在翻转到代码隐藏，您会看到如下事件存根： 您的标记现在将变成这样： <button id="create_project" runat="server" onserverclick="create_project_ServerClick" style="outline: none; border: none;"><i class='bx bxs-add'></i>test</button> 然后翻到后面的代码，您会看到事件是这样创建的： protected void create_project_ServerClick(object sender, EventArgs e) { }

为什么这个 jQuery 点击功能不起作用？

代码： $("#clicker").click(function () { 麦酒...</desc> <question vote="135"> <p>代码：</p> <pre><code>&lt;script src=&#34;http://code.jquery.com/jquery-latest.min.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(&#34;#clicker&#34;).click(function () { alert(&#34;Hello!&#34;); $(&#34;.hide_div&#34;).hide(); }); &lt;/script&gt; </code></pre> <p>上面的代码不起作用。 当我单击#clicker 时，它不会发出警报，也不会隐藏。 我检查了控制台，没有发现任何错误。 我还检查了 JQuery 是否正在加载，确实如此。 所以不确定问题是什么。 我还做了一个带有警报的文档准备功能，并且效果很好，所以不确定我做错了什么。 请帮忙。 谢谢！</p> </question> <answer tick="true" vote="220"> <p>您应该在 <pre><code>$(document).ready(function() {});</code></pre> 块中添加 javascript 代码。</p> <p>即</p> <pre><code>$(document).ready(function() { $(&#34;#clicker&#34;).click(function () { alert(&#34;Hello!&#34;); $(&#34;.hide_div&#34;).hide(); }); }); </code></pre> <p>正如 <a href="https://learn.jquery.com/using-jquery-core/document-ready/" rel="noreferrer" title="jQuery documentation">jQuery 文档</a> 所说：“在文档“准备好”之前，无法安全地操作页面。jQuery 会为您检测到这种准备状态。<pre><code>$( document ).ready()</code></pre> 中包含的代码只会在页面文档对象模型 ( DOM) 已准备好执行 JavaScript 代码”</p> </answer> <answer tick="false" vote="101"> <p>我通过将 ON 与 $(document) 一起使用找到了解决此问题的最佳解决方案。</p> <pre><code> $(document).on(&#39;click&#39;, &#39;#yourid&#39;, function() { alert(&#34;hello&#34;); }); </code></pre> <p>对于 id 开头，请参阅下文：</p> <pre><code>$(document).on(&#39;click&#39;, &#39;div[id^=&#34;start&#34;]&#39;, function() { alert (&#39;hello&#39;); }); </code></pre> <p>1 周后我终于不需要添加 onclick 触发器了。 我希望这能帮助很多人</p> </answer> <answer tick="false" vote="25"> <p>您的代码可以在没有 document.ready() 的情况下工作，只需确保您的脚本位于#clicker 之后。查看此演示：<a href="http://jsbin.com/aPAsaZo/1/" rel="noreferrer">http://jsbin.com/aPAsaZo/1/</a></p> <p>准备好的概念中的想法。如果您确定您的脚本是页面中的最新内容或者位于受影响的元素之后，那么它将起作用。</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8 /&gt; &lt;title&gt;JS Bin&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;script src=&#34;https://code.jquery.com/jquery-latest.min.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt; &lt;a href=&#34;#&#34; id=&#34;clicker&#34; value=&#34;Click Me!&#34; &gt;Click Me&lt;/a&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(&#34;#clicker&#34;).click(function () { alert(&#34;Hello!&#34;); $(&#34;.hide_div&#34;).hide(); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>注意事项：</strong> 在 <a href="/questions/tagged/jsbin" rel="tag" title="show questions tagged 'jsbin'">jsbin</a> 演示中，将代码中的 <pre><code>http</code></pre> 替换为 <pre><code>https</code></pre>，或使用此变体 <a href="https://output.jsbin.com/tetovusowo" rel="noreferrer">Demo</a></p> </answer> <answer tick="false" vote="6"> <p>尝试将 <pre><code>$(document).ready(function(){</code></pre> 添加到脚本的开头，然后添加 <pre><code>});</code></pre>。另外，<pre><code>div</code></pre>中是否有正确的id，即作为id，而不是类等？</p> </answer> <answer tick="false" vote="6"> <p>你必须用<pre><code>$(document).ready(function(){});</code></pre>包装你的Javascript代码，看看这个<a href="http://jsfiddle.net/7s3yB/" rel="noreferrer">JSfiddle</a>。</p> <p><strong>JS代码：</strong></p> <pre><code>$(document).ready(function() { $(&#34;#clicker&#34;).click(function () { alert(&#34;Hello!&#34;); $(&#34;.hide_div&#34;).hide(); }); }); </code></pre> </answer> <answer tick="false" vote="3"> <p>确保按钮上没有任何东西（例如 div 或透明 img）阻止单击按钮。 这听起来很愚蠢，但有时我们认为 jQuery 不起作用，所有这些问题都出在 DOM 元素的定位上。 </p> </answer> <answer tick="false" vote="3"> <p>您可以使用 <pre><code>$(function(){ // code });</code></pre>，当文档准备好执行该块内的代码时执行。</p> <pre><code>$(function(){ $(&#39;#clicker&#39;).click(function(){ alert(&#39;hey&#39;); $(&#39;.hide_div&#39;).hide(); }); }); </code></pre> </answer> <answer tick="false" vote="2"> <p>快速检查一下，如果您使用的是客户端模板引擎（例如handlebars），您的js将在document.ready之后加载，因此不会有任何元素可以绑定事件，因此要么使用onclick处理程序，要么在身体并检查当前目标 </p> </answer> <answer tick="false" vote="0"> <h3>正确的浏览器重新加载</h3> <p>快速检查一下您是否单独保存 js 文件：确保正确重新加载资源。浏览器通常会缓存文件，因此只需确保您加载的资源中之前的拼写错误已得到纠正。</p> <p>请参阅<a href="https://superuser.com/a/406331">此答案</a>，了解 Chrome/Chromium 中永久禁用缓存的信息。否则，您通常可以使用 <kbd>Ctrl</kbd>+<kbd>F5</kbd> 或 <kbd>Shift</kbd>+<kbd>F5</kbd> 强制完全重新加载，如<a href="https://superuser.com/a/89811">此答案</a>中所述。</p> </answer> <answer tick="false" vote="0"> <p>两个代码片段之间的不同行为与单击事件如何绑定到页面上的元素以及事件委托的概念有关。如果您的 HTML 是动态生成的，您需要将代码更改为：</p> <pre><code>$(document).on(&#39;click&#39;, &#39;clicker&#39;, function() { alert(&#34;Hello!&#34;); $(&#34;.hide_div&#34;).hide(); }); </code></pre> </answer> </body></html>

将页面与内容一起保存为 html

我有一个简单的 JS 函数，可以让用户输入他们的名字和姓氏，然后 onclick 显示他们的全名。 有没有办法在...时将用户提交的内容包含在文本字段中

React 组件按钮转到不同页面

我试图让这个按钮组件导航到不同的网页。会有几个按钮，但我无法让每个按钮导航到不同的页面。 我有按钮组件...

我想随机改变位置

onclick事件不重复 我希望目标每次点击时都能随机移动，但它只移动一次。 onclick事件不会重复 我希望目标每次点击时都能随机移动，但它只移动一次。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>replit</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <img src="target.png" id="tg" onclick="target()"> <script> var a = document.getElementById("tg"); var x = Math.random()*window.innerWidth; var y = Math.random()*window.innerHeight; function target(){a.style.left = x + "px", a.style.top = y + "px";} for (var i = 0; i < 5; i++) {function target(){a.style.left = x + "px", a.style.top = y + "px";}} </script> </body> </html> 如果您希望目标随机移动，则需要使用随机数，并且需要在函数内设置它，以便每次单击并调用 target() 函数时，值都会更新。 另外，请确保您使用的是“position:absolute;”。 以下是如何完成此操作的示例： <body> <img src="target.png" id="tg" onclick="target()" style="position: absolute;"> <script> var a = document.getElementById("tg"); function target() { var x = Math.random() * (window.innerWidth - a.clientWidth); var y = Math.random() * (window.innerHeight - a.clientHeight); a.style.left = x + "px"; a.style.top = y + "px"; } </script> </body>