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

onclick 相关问题

最新问题