繁体   English   中英

如何通过JavaScript按div按钮?

[英]How to press div-button by javascript?

网站具有以下代码:

<ul class="left">
    <li><div id="run" class="button"><div class="inner">Run</div></div></li>
</ul>

这个脚本:

$("#run").click(function() {...});

以下代码不起作用!:(

document.getElementById('run').click();

如何通过javascript命令按“运行”按钮到浏览器?

非常感谢您的帮助!

使用jQuery非常简单(看起来您已经在使用):

$("#run").click();

正如他们所说的,RTFD: http : //api.jquery.com/click

尝试:

$('#run').trigger('click');

好的旧JavaScript:

var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
var run = document.getElementById("run"); 
run.dispatchEvent(evt);

在jQuery中:

$("#run").click();

更多文档关于手动触发鼠标事件。

$("#run").click(function() { /* ... */ }).trigger('click');

onclick="run()"到外部div标签中。 您可能需要添加onselectstart="return false"以避免选择文本。

JavaScript 用于更换<div>按下按钮的颜色</div><div id="text_translate"><p>当我的 html 和 JS 代码在同一个文件中时,我有点不确定为什么我的代码似乎不起作用。 当 html 和 JS 分开时,似乎工作正常。 有人可以指出我的错误....我是新手!</p><p> <strong>HTML:</strong></p><pre> &lt;div class="main"&gt; &lt;div class="light"&gt;&lt;/div&gt; &lt;button onclick="chngCol()" id="burn"&gt;Burn!&lt;/button&gt; &lt;/div&gt;</pre><p> <strong>JavaScript:</strong></p><pre> chngCol() { if(document.getElementByClass('light').style.background == "#00ffff") { document.getElementByClass('light').style.background = "#ffff00"; } else if(document.getElementByClass('light').style.background == "ffff00") { document.getElementByClass('light').style.background = "#ff00ff"; } else if(document.getElementByClass('light').style.background == "#ff00ff") { document.getElementByClass('light').style.background = "#00ffff"; } }</pre><p> <strong>CSS:</strong></p><pre> .light{ width: 50px; height: 50px; background-color:#00ffff; }</pre><p> 所有代码都在同一个文档中,带有适当的标签,但是我在第一个 { 调用 chngCol.</p></div>

[英]JavaScript for changing a <div> colour from a button press

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何使用javascript按下按钮 JavaScript 用于更换<div>按下按钮的颜色</div><div id="text_translate"><p>当我的 html 和 JS 代码在同一个文件中时,我有点不确定为什么我的代码似乎不起作用。 当 html 和 JS 分开时,似乎工作正常。 有人可以指出我的错误....我是新手!</p><p> <strong>HTML:</strong></p><pre> &lt;div class="main"&gt; &lt;div class="light"&gt;&lt;/div&gt; &lt;button onclick="chngCol()" id="burn"&gt;Burn!&lt;/button&gt; &lt;/div&gt;</pre><p> <strong>JavaScript:</strong></p><pre> chngCol() { if(document.getElementByClass('light').style.background == "#00ffff") { document.getElementByClass('light').style.background = "#ffff00"; } else if(document.getElementByClass('light').style.background == "ffff00") { document.getElementByClass('light').style.background = "#ff00ff"; } else if(document.getElementByClass('light').style.background == "#ff00ff") { document.getElementByClass('light').style.background = "#00ffff"; } }</pre><p> <strong>CSS:</strong></p><pre> .light{ width: 50px; height: 50px; background-color:#00ffff; }</pre><p> 所有代码都在同一个文档中,带有适当的标签,但是我在第一个 { 调用 chngCol.</p></div> 如何使div按下按钮? 在按钮按下时显示/隐藏div,并使用javascript(并在按钮之间切换) 我如何选择 javascript 代码将在按下按钮时生成 div 的位置? 如何在不按下按钮的情况下调用 javascript 模态 按下按钮如何在 javascript 中绘制 canvas 按下另一个按钮后如何向下滑动固定的div 如何在 Vue Native 中按下按钮时从 div 中检索文本? 在按下按钮时使用javascript显示/隐藏div(并且首先隐藏所有div)
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM