警报后背景改变

时间:2017-07-05 11:04:51

标签: javascript jquery html css background

为什么在此页面上:

https://jsfiddle.net/eddnhc5f/

当我在Firefox和Microsoft边缘按下c键时,在警报之前更改了背景,但在按下确认警报后,在Opera和Chrome中更改了背景。

function getKeyup(key) {
  if (key == null) {
    keycode = event.keyCode;
    // To Mozilla
  } else {
    keycode = key.keyCode;
  }
}

function TEST() {
  document.body.style.backgroundColor = "BLACK";
  alert('Hello');
  return false;
}

function getKey(key) {
  if (key == null) {
    keycode = event.keyCode;
    // To Mozilla
  } else {
    keycode = key.keyCode;
  }
  if (keycode == 67) {
    //alert(condcheck);

    TEST();
    return false;
  }
}
$(document).ready(function() {
  $(document).keydown(function(eventObj) {
    getKey(eventObj);
  });
  $(document).keyup(function(eventObj) {
    getKeyup(eventObj);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
TEST

1 个答案:

答案 0 :(得分:0)

查看此 demo

我在TEST()函数中做了更改。

function getKeyup(key){
    if ( key == null ) {
        keycode = event.keyCode;
    // To Mozilla
    } else {
        keycode = key.keyCode;
    }
}
function TEST()
{
//document.body.style.backgroundColor = "BLACK";
alert('Hello');
document.body.style.backgroundColor = "BLACK";
return false;
}
function getKey(key){
    if ( key == null ) {
        keycode = event.keyCode;
    // To Mozilla
    } else {
        keycode = key.keyCode;
    }
    if (keycode == 67){
        //alert(condcheck);

        TEST();
        return false;
    } 
}
$(document).ready( function (){
    $(document).keydown(function (eventObj){
        getKey(eventObj);
    });
    $(document).keyup(function (eventObj){
        getKeyup(eventObj);
    });    
});