onclick 相关问题

我尝试了各种方法来阻止选择任一占位符时发生 onClick 事件，但无法使其正常工作。这是我到目前为止所拥有的：我尝试了各种方法来阻止选择任一占位符时发生 onClick 事件，但无法使其正常工作。这是我到目前为止所拥有的： <div class="choosesign"> <div class="zodiacs"> <select id="zodiac-me" class="zodiac-me" name="zodiac1"> <option value="none">Your Sign</option> <option value="1">Aries</option> <option value="2">Aquarius</option> <option value="3">Cancer</option> <option value="4">Capricorn</option> <option value="5">Gemini</option> <option value="6">Leo</option> <option value="7">Libra</option> <option value="8">Pisces</option> <option value="9">Sagittarius</option> <option value="10">Scorpio</option> <option value="11">Taurus</option> <option value="12">Virgo</option> </select> </div> <div class="zodiacs"> <select id="zodiac-them" class="zodiac-them" name="zodiac2"> <option value="none">Their Sign</option> <option value="1">Aries</option> <option value="2">Aquarius</option> <option value="3">Cancer</option> <option value="4">Capricorn</option> <option value="5">Gemini</option> <option value="6">Leo</option> <option value="7">Libra</option> <option value="8">Pisces</option> <option value="9">Sagittarius</option> <option value="10">Scorpio</option> <option value="11">Taurus</option> <option value="12">Virgo</option> </select> </div> <div class="zodiacs" id="gobutton"> <a id="zodiacchoice" href="#" onclick='GotoLink()'> <h1> GO</h1> </a> </div> </div> <script>function GotoLink(){ var sel = $('.zodiac-me option:selected').text(); var sel2 = $('.zodiac-them option:selected').text(); if (sel=='Your Sign') { document.getElementById("zodiacchoice").disabled = true; } else { document.getElementById("zodiacchoice").href = '/' + sel + '/' + sel + '-vs-' + sel2; } }</script> 我尝试使用 if 语句进行澄清，但 onClick 并未禁用。该链接仍然可以正常工作。您可以使用 .val() 来获取所选值。 value中的属性<option>是字符串，使用sel === 'none'。使用 javascript:void(0) 禁用 <a> function GotoLink() { var sel = $('#zodiac-me').val(); var sel2 = $('#zodiac-them').val(); if (sel === 'none' || sel2 === 'none') { document.getElementById("zodiacchoice").href = 'javascript:void(0)'; } else { document.getElementById("zodiacchoice").href = '/' + sel + '/' + sel + '-vs-' + sel2; } } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <div class="choosesign"> <div class="zodiacs"> <select id="zodiac-me" class="zodiac-me" name="zodiac1"> <option value="none">Your Sign</option> <option value="Aries">Aries</option> <option value="Aquarius">Aquarius</option> <option value="Cancer">Cancer</option> <option value="Capricorn">Capricorn</option> <option value="Gemini">Gemini</option> <option value="Leo">Leo</option> <option value="Libra">Libra</option> <option value="Pisces">Pisces</option> <option value="Sagittarius">Sagittarius</option> <option value="Scorpio">Scorpio</option> <option value="Taurus">Taurus</option> <option value="Virgo">Virgo</option> </select> </div> <div class="zodiacs"> <select id="zodiac-them" class="zodiac-them" name="zodiac2"> <option value="none">Their Sign</option> <option value="Aries">Aries</option> <option value="Aquarius">Aquarius</option> <option value="Cancer">Cancer</option> <option value="Capricorn">Capricorn</option> <option value="Gemini">Gemini</option> <option value="Leo">Leo</option> <option value="Libra">Libra</option> <option value="Pisces">Pisces</option> <option value="Sagittarius">Sagittarius</option> <option value="Scorpio">Scorpio</option> <option value="Taurus">Taurus</option> <option value="Virgo">Virgo</option> </select> </div> <div class="zodiacs" id="gobutton"> <a id="zodiacchoice" href="#" onclick='GotoLink()'> <h1>GO</h1> </a> </div> </div>

javascript onclick dropdown

回答 1 投票 0

复制 div 中的文本

我有一个生成样式文本的 JavaScript 代码：函数应用样式（）{ var inputText = document.getElementById('userInput').value; var selectedStyle = document.getElementById('styleSelect').

javascript html button onclick

回答 1 投票 0

在ChartJS中点击图表坐标获取X，Y

如何通过 ChartJS V > 2.0 中的 onClick 事件获取相对于图表的 X、Y 坐标？以这个 JSFiddle 为例。在#canvas 中创建了一个散点图。当点击中心时...

javascript onclick click chart.js onclicklistener

回答 3 投票 0

如何在 JavaScript 中将 URL 存储在变量中？

我正在尝试这个粗略的脚本想法。但它不起作用。函数 storeurl() { var varurl = 文档.URL; } document.onclick = storeurl; 文档.write(varu...</desc> <question vote="1"> <p>我正在尝试这个粗略的脚本想法。但它不起作用。</p> <pre><code><script> function storeurl() { var varurl = document.URL; } document.onclick = storeurl; document.write(varurl); </script> </code></pre> 使用 <p><code>varurl</code><pre> 函数将 </pre><pre><code>document.URL</code></pre> 设置为实际 URL。</p> <p>与<pre><code><a href="#2">broogle</a></code></pre> 然后单击时我希望将 <pre><code>varurl</code></pre> 设置为 #2，然后回显。</p> <p>在完美的世界中，这个脚本会回显</p> <pre><code>http://url/#2 </code></pre> <p>点击链接时</p> <p>有什么帮助吗？谢谢</p> </question> <answer tick="false" vote="3"> <p>您的 varurl 变量的作用域为方法（函数）级别。这意味着它对于在函数外部运行的代码不可见。</p> <p>此外，document.write 代码将在脚本首次运行时执行，即在单击之前（如果发生单击）。</p> <p>如果除了将其写入文档之外不需要使用 varurl，则可以将 document.write 代码移至函数中并保留 varurl 的狭窄范围：</p> <pre><code><script> function storeurl() { var varurl = document.URL; document.write(varurl); } document.onclick = storeurl; </script> </code></pre> <p>否则将变量定义移出函数，使其（变量）成为全局变量：</p> <pre><code><script> var varurl; function storeurl() { varurl = document.URL; document.write(varurl); } document.onclick = storeurl; </script> </code></pre> </answer> <answer tick="false" vote="1"> <p><pre><code>var</code></pre>使其成为函数作用域的局部变量。另外，您还试图在设置之前阅读它。</p> </answer> <answer tick="false" vote="1"> <p>为了简单地<strong>将URL存储在变量中</strong>，无论是<strong>外部URL</strong>还是<strong>当前页面的URL</strong>，然后显示它或用它做其他事情，你可以按照代码中显示的内容进行操作如下：</p> <pre><code><html> <body> <button onclick="go()">GO TO GOOGLE</button><br/> <button onclick="show()">CLICK TO SHOW CURRENT URL</button><br/> <p id="showhere"></p> <script> function go(){ var u = "http://www.google.com" ; window.location.href = u; //takes you to google.com } function show(){ var x = window.location.href; document.getElementById("showhere").innerHTML = x; //shows URL of current page below the buttons } </script> </body> </html> </code></pre> </answer> <answer tick="false" vote="0"> <p>您已将 <pre><code>varurl</code></pre> 定位到使用 <pre><code>var</code></pre> 声明的函数，因此从该函数外部看不到它。</p> <pre><code>var varurl; function storeurl() { varurl = document.URL; } </code></pre> <p>您还<em>立即</em>写入其值，而不是在单击事件中这样做，因此当您<pre><code>write()</code></pre>时它不会被设置。</p> <pre><code>function storeurl() { var varurl = document.URL; document.write(varurl); } document.onclick = storeurl; </code></pre> </answer> <answer tick="false" vote="0"> <p>应该有效，</p> <pre><code><script> function storeurl() { varurl = document.URL; // it should be Global variable, so remove var document.write(varurl);//when you're declaring this outside of the function } document.onclick = storeurl; </script> </code></pre> </answer> <answer tick="false" vote="0"> <p>将您的代码更改为 </p> <pre><code>var varurl; function storeurl() { varurl = window.location.href; } </code></pre> </answer> </body></html>

javascript url onclick

回答 0 投票 0

Android：如何发出按键声音

我正在使用 ontouch 侦听器来捕获按键向上和按键按下事件。用于重复功能。我还想在按下按钮时发出咔嗒声。我尝试添加 onClick 方法并设置...

android onclick ontouch

回答 3 投票 0

添加复制文本按钮以更改文本

我有一个生成样式文本的java脚本代码：函数应用样式（）{ var inputText = document.getElementById('userInput').value; var selectedStyle = document.getElementById('styleSelect...

javascript html button onclick

回答 1 投票 0

如果打开另一张图像则隐藏图像，反之亦然

我有 2 个图像（Image1、Image2）的代码，如果单击另外 2 个图像，它们都会打开，最后有 onclick 和 java 部分，如下所示： ... 我有 2 个图像（Image1、Image2）的代码，如果单击其他 2 个图像，这两个图像都会打开，最后有 onclick 和 java 部分，如下所示： <table style="whatever"> <tbody> <tr style="whatever""> <td><a href="link to game1 when the image is clicked" alt="Game1" target="blank" onclick="AfficherCacher('Image1')"> <img src="the image clicked to open Game1+Image1.jpg" width="1689" height="955" class="img-fluid atto_image_button_text-bottom"></a><br></td> <td><a href="link to game2 when the image is clicked" alt="Game2" target="blank" onclick="AfficherCacher('Image2')"> <img src="the image clicked to open Game2+Image2.jpg" width="1689" height="955" class="img-fluid atto_image_button_text-bottom"></a><br></td> </tr> </tbody> </table> 然后 </table> <table style="whatever"> <tbody> <tr style="whatever"> <td> <div id="Image1"> <ul> <img src="Image1.jpg"> </ul> </div> </td> </table> <table style="whatever"> <tbody> <tr style="whatever"> <td> <div id="Image2"> <ul> <img src="Image2.jpg"> </ul> </div> </td> 最后的 JavaScript 部分使其一切正常： <p> <script type="text/javascript"> // <![CDATA[ function AfficherCacher(texte) { var test = document.getElementById(texte).style.display; if (test == "block") { document.getElementById(texte).style.display = "none"; } else { document.getElementById(texte).style.display = "block"; } } // ]]> </script> </p> 唯一的是Image1和Image2可以同时显示在页面上，这是我不想要的。我想打开Image2使Image1消失，并打开Image1使Image2消失。我不知道该用什么。预先感谢您的帮助。我尝试过发明“if”条件，但我不懂 JavaScript（或 CSS），所以我会盲目地去做，而且我显然做错了什么。我不知道我能使用什么以及什么存在/有效。您应该在此处使用数据属性，这将使事情变得更容易。然后，您可以使用 classList.toggle 函数根据条件应用类或删除类。在下面的代码中，我将单击的按钮的数据属性值与每个图像进行比较，并隐藏不具有相同数据属性值的每个图像。这甚至在使用 100 张图像时也有效。 const Buttons = document.querySelectorAll('menu button'); const Images = document.querySelectorAll('img'); Buttons.forEach(button => { button.addEventListener('click', function() { let dataIndex = this.dataset.image; Images.forEach(image => { let imageIndex = image.dataset.image; image.classList.toggle('d-none', imageIndex !== dataIndex); }) }) }) .d-none { display: none; } <menu> <li><button data-image="1">Show Image 1</button></li> <li><button data-image="2">Show Image 2</button></li> </menu> <img data-image="1" class="d-none" src="https://fakeimg.pl/200/ff0000/FFFFFF"> <img data-image="2" class="d-none" src="https://fakeimg.pl/200/0000ff/FFFFFF">

javascript css onclick responsive show-hide

回答 1 投票 0

嵌套div元素onclick调用所有div的click事件

我的html代码如下； &... 我的html代码如下； <div onclick=alert("First div")> <div onclick=alert("Second div")> <div onclick=alert("Third div")> </div> </div> </div> 问题是当单击最里面的 div 时，所有三个警报消息都会显示。如何修改代码，以便只显示与 div 标签对应的 1 条警报消息。您可以通过单击最里面的 div 时停止事件传播来实现此目的。这样，点击事件就不会冒泡到父级div。 <div onclick="alert('First div')"> <div onclick="event.stopPropagation(); alert('Second div')"> <div onclick="event.stopPropagation(); alert('Third div')"> </div> </div> </div>

javascript html onclick event-handling

回答 1 投票 0

为什么组件开始渲染时按钮自动点击了 24 次并且没有响应？

在routes/index.tsx上我有：从“../islands/Counter.tsx”导入Main；导出默认函数 Home() { 返回（）； } 在 island/Counter.tsx 上我有：导入 { useState } f... 在 routes/index.tsx 我有： import Main from "../islands/Counter.tsx"; export default function Home() { return (<Main />); } 在 islands/Counter.tsx 我有： import { useState } from "preact/hooks"; export default function Main() { const [count, setCount] = useState<number>(0); return ( <main> <button onClick={setCount(count + 1)}>click</button> {count} </main> ); } 第一个渲染显示数字 24，并且 Firefox 说“此页面正在减慢 Firefox 的速度”。我哪一部分做错了？ onClick 应该被赋予一个函数，但你直接调用 setCount。 import { useState } from "preact/hooks"; export default function Main() { const [count, setCount] = useState<number>(0); return ( <main> - <button onClick={setCount(count + 1)}>click</button> + <button onClick={() => setCount(count + 1)}>click</button> {count} </main> ); }

react-hooks onclick preact freshjs

回答 1 投票 0

我的代码有什么问题：javascript onclick 图像更改图像

我想更改单击时的图像，但通过变换使新图像变大我想做的另一件事是，当我单击这个 div 时，我想同时隐藏其他 div 功能

javascript image onclick transform scale

回答 1 投票 0

如何让关闭按钮在弹出窗口上工作？

我一直在尝试让我的代码工作一段时间，唯一不起作用的是关闭按钮。谁能发现我哪里出错了？弹出框是使用自定义 p 从 WP 动态生成的...

wordpress onclick

回答 1 投票 0

不读取JavaScript模块文件中的函数，通过在html文档中调用onclick

为什么当我们在 html 文档中的“onclick”中调用函数时，如果存在“import”，则 JavaScript 模块文件中不会读取该函数？在这种情况下是否有再次使用“onclick”的解决方案...