1

この質問は皆さんにはばかげているように聞こえるかもしれませんが、私は初心者なので専門家の助けが必要です。ボタンを押すとボタンの色が別の背景に変わるということです。 -色とリリース時にデフォルトに設定されます（マウスで押すと）。私は試していますが、「キープレス」でトリガーするように関数を設定すると、関数はトリガーされませんが、「クリック」を使用すると機能しますが、リリースしてもデフォルトに変更されません...助けてください。

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" />
4

5 に答える 5

7

あなたはJSを必要としません-ただ:active州

#submitBtn:active {
    background: red;
}

デモ

于 2012-09-19T16:53:51.320 に答える
0

私はそれを次のようにします（私の意見では読みやすいです）：

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

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

initAll()のコードを必ず呼び出してください$(document).ready()。そうしないと、ページに一致する要素がない場合にコードが実行される可能性があります。

さらにアドバイスが必要な場合はコメントしてください！

于 2012-09-19T16:53:10.210 に答える
0

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/

于 2012-09-19T16:53:44.313 に答える
0

このようなcssクラスを使用し、ボタンをクリックしたときにjqueryを使用してbodyタグにクラスを追加する必要があります

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

jqueryコードは次のようになります

$("#send").click(function(){
  $('body').addClass('changeback');
}):
于 2012-09-19T16:56:41.230 に答える
0

次のことを試しましたか？：

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

基本的に、ユーザーがボタンを押すと赤に変わり、ユーザーがボタンを押すのをやめると青に変わります。

お役に立てれば。:)

于 2012-09-19T17:00:00.037 に答える