Question

如何通过JavaScript按下HTML按钮？

我有一个按钮，在按下时发送网络消息，并在发布时发送另一个网络消息。

此特定命名按钮可以在一个页面或多个设备中多次显示。因此，如果按下任何相同的目的按钮，我需要使其余副本看起来像按下。

我该如何实现这种行为？

Answer 1

您可能希望将类添加到函数中的按钮。

using System.Speech.Synthesis; ... // Initialize a new instance of the SpeechSynthesizer. SpeechSynthesizer synth = new SpeechSynthesizer(); // Configure the audio output. synth.SetOutputToDefaultAudioDevice(); synth.Speak("I am good how are you?");

然后使用CSS定义您的类。

Answer 2

就我个人而言，我认为使用JavaScript会有点过分，这是使用CSS完成的。您的代码将介于{ }之间。

button:active {
    color: red;
    background-color: pink;
    padding: 8px;
}

警告！

这将设置所有button元素的样式，而不仅仅是一个元素。如果您只想使用一个ID，那么如果有多个使用类。

http://jsfiddle.net/cp4bob0z/

修改1

仅限JS

<button id="test" onclick="styleButton(this);">Hello!</button> function styleButton(element) { document.getElementById(element.id).className = "yourClassName"; }

Answer 3

在CSS中，像这样设置活动按钮：

button:ative, .active-class {

}

这样一个点击按钮看起来就像它有类active-class一样。

从这里开始，您可以以任何方式申请/删除课程

$(".my-button").on("click", function(){
  $(this).toggleClass("active-class");
});

Example JSFiddle

Answer 4

可以设置 borderStyle 样式属性来执行此操作。要显示按下按钮，请使用

document.getElementById("myButton").style.borderStyle = "inset";

完成后，使用

document.getElementById("myButton").style.borderStyle = "outset";

将按钮设置恢复正常。

使用JavaScript按下HTML按钮？

4 个答案: