onclick 相关问题

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

在状态栏隐藏网址

我读到人们多次问过这个问题,我已经找到了答案,尽管我必须手动为博客中的所有链接执行此操作。但我对格式感到困惑,我不能......

回答 3 投票 0

在活动类脚本中有一个自动突出显示的按钮

我有一个按钮列表,可以更改文本的字体系列。我想在选择某个选项时更改边框和文本颜色。 我的 JavaScript 运行良好,但是当...

回答 1 投票 0

CSS 中不应用悬停效果。确切的问题是什么?

我正在尝试为搜索栏构建搜索列表,当光标放置在列表中时,列表应该改变颜色,并且当从显示的项目列表中单击时,列表应该被选中。 搜索列表.jsx: 导入反应...

回答 1 投票 0

如何在 Svelte 中删除并重新添加点击侦听器?

点击这里 有时我希望 div 可点击,有时则不然。如何按需删除和添加点击侦听器? 这是工作...

回答 1 投票 0

从列表视图连接到网络

请参阅下面的我的代码。这会生成一个包含所有可用 wifi 连接的列表视图。 我的目标是连接到列出的可用连接之一。 我已经尝试了几种方法,但它不起作用...

回答 1 投票 0

Jquery onClick 不适用于 iPhone,但适用于 Android

所以我有这个代码: $(".left-nav-icon").on("点击touchstart", function () { $(".nav_aside").toggleClass("显示"); }); 它的目的是显示一个侧边栏...

回答 1 投票 0

最简单的解决方案:“onClick”事件更改图标的“颜色”(平台 = Carrd.co)

导航菜单图像 我有一个视频库图标的固定标题导航菜单。目前,图标在悬停时会改变颜色。 我想添加一个“onclick”事件来更改籼稻的图标颜色...

回答 1 投票 0

从 iframe 获取包含父页面的点击坐标

我的页面中有一个 iframe,当我单击它时,我会显示一个包含信息的小方块。问题是 iframe 通过发布消息给出的坐标是正确的,除非滚动 i...

回答 1 投票 0

如何在 javascript 中通过一次 onclick 获得多个事件

我对此非常陌生,在学习 html/css/javascript 时正在尝试一个小项目。所以,很抱歉,如果这是一个相当明显的问题/答案。 基本上,我让我的(非常简单)网站有一个黑暗的

回答 1 投票 0

单击 html/javascript 中的按钮时如何生成新文本?

我正在尝试创建一个按钮,每次单击时,都会从列表中生成一个新句子。我现在所拥有的只是在刷新页面时生成一个新句子,但我不知道该做什么...

回答 1 投票 0

onClick 在移动设备上不起作用(触摸)

好吧,我想做的是当用户单击列表项时向下滑动 div。 问题是我正在使用 Selectric https://github.com/lcdsantos/jQuery-Selectric 它将选择框转换为 unord...

回答 4 投票 0

Android Studio 中的“没有应用程序可以执行此操作”

我正在使用这个库在 Android Studio 中裁剪图像。我的代码可以在我的手机上运行,但是在模拟器上,当您需要选择图像时,我看到消息“没有应用程序可以执行此操作”....

回答 3 投票 0

当用户单击按钮时如何向文本区域添加文本

我想在用户单击按钮时将文本添加到文本区域。我知道如何连接字符串并将其添加到文本区域,但我想要的是将文本添加到用户单击的文本区域内的位置/位置...

回答 4 投票 0

使用Javascript向输入元素添加禁用属性

我有一个输入框,我希望禁用它并同时隐藏它以避免移植表单时出现问题。 到目前为止,我有以下代码来隐藏我的输入: $(".shownextrow").click(fu...

回答 9 投票 0

如何在选择下拉plaeholder时禁用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>

回答 1 投票 0

复制 div 中的文本

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

回答 1 投票 0

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

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

回答 3 投票 0

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

我正在尝试这个粗略的脚本想法。但它不起作用。 函数 storeurl() { var varurl = 文档.URL; } document.onclick = storeurl; 文档.write(varu...</desc> <question vote="1"> <p>我正在尝试这个粗略的脚本想法。但它不起作用。</p> <pre><code>&lt;script&gt; function storeurl() { var varurl = document.URL; } document.onclick = storeurl; document.write(varurl); &lt;/script&gt; </code></pre> 使用 <p><code>varurl</code><pre> 函数将 </pre><pre><code>document.URL</code></pre> 设置为实际 URL。</p> <p>与<pre><code>&lt;a href=&#34;#2&#34;&gt;broogle&lt;/a&gt;</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>&lt;script&gt; function storeurl() { var varurl = document.URL; document.write(varurl); } document.onclick = storeurl; &lt;/script&gt; </code></pre> <p>否则将变量定义移出函数,使其(变量)成为全局变量:</p> <pre><code>&lt;script&gt; var varurl; function storeurl() { varurl = document.URL; document.write(varurl); } document.onclick = storeurl; &lt;/script&gt; </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>&lt;html&gt; &lt;body&gt; &lt;button onclick=&#34;go()&#34;&gt;GO TO GOOGLE&lt;/button&gt;&lt;br/&gt; &lt;button onclick=&#34;show()&#34;&gt;CLICK TO SHOW CURRENT URL&lt;/button&gt;&lt;br/&gt; &lt;p id=&#34;showhere&#34;&gt;&lt;/p&gt; &lt;script&gt; function go(){ var u = &#34;http://www.google.com&#34; ; window.location.href = u; //takes you to google.com } function show(){ var x = window.location.href; document.getElementById(&#34;showhere&#34;).innerHTML = x; //shows URL of current page below the buttons } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </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>&lt;script&gt; function storeurl() { varurl = document.URL; // it should be Global variable, so remove var document.write(varurl);//when you&#39;re declaring this outside of the function } document.onclick = storeurl; &lt;/script&gt; </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>

回答 0 投票 0

Android:如何发出按键声音

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

回答 3 投票 0

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

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

回答 1 投票 0

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