Question

我知道这个问题对你们来说可能听起来很愚蠢，但我是一个初学者，所以需要一些专家的帮助，我想问一下，无论如何都要改变按钮的背景颜色，我的意思是当点击它改变不同的背景颜色和释放时设置为默认值（通过鼠标按下时）。我正在尝试，但当我设置功能触发“按键”时，该功能不会触发，但当我使用“点击”它有效，但没有更改为默认发布时...请帮助我..

的javascript / jquery的：

function initAll(){
$("#submitBtn").on('keypress', sendMessage);
}

function sendMessage(){
    $("#submitBtn").css('background-color', 'Red');
}

HTML：

<input type="button" id="submitBtn" name="submitBtnnm" value="Send" />

Answer 1

您不需要IS - 只需:active州

#submitBtn:active {
    background: red;
}

DEMO

Answer 2

我会按照以下方式进行（在我看来更容易阅读）：

function initAll() {
   $("#submitBtn").click(sendMessage);
}

function sendMessage () {
   $("#submitBtn").css('background-color', 'red');
}

请务必在initAll()上拨打代码$(document).ready()。否则，代码可能会在页面上没有匹配元素时运行。

如果您需要更多建议，请发表评论！

Answer 3

尝试jQuery mousedown和mouseup函数：http://api.jquery.com/mousedown/和http://api.jquery.com/mouseup/

$(document).ready(function(){
  $("button").mousedown(function(){
    $(this).css("background", "red");        
  });
  $("button").mouseup(function(){
    $(this).css("background", "green");        
  });    
});

http://jsfiddle.net/CdzSB/

Answer 4

你应该像这样使用css类，并在点击按钮

时使用jquery将类添加到body标签

.changeback{
background-color: #333333;
background-image: url('images/background9.jpg');
 }

和jquery代码应该是这样的

$("#send").click(function(){
  $('body').addClass('changeback');
}):

Answer 5

您是否尝试过以下操作？：

$('document').ready(function() {
    $('#submitBtn').mousedown(function() {
        $('#submitBtn').css('background-color', 'Red');
    }).mouseup(function() {
        $('#submitBtn').css('background-color', 'Blue');
    });
});

基本上，当用户按下按钮时，它会变为红色，当用户停止按下时，它会变为蓝色。

希望这会有所帮助。：）

更改按钮上的按钮颜色

5 个答案: