为什么要用keyCode而非key？

我在firefox测试代码不成功，然后看控制台信息，当我输入的时候keyCode显示是undefined，于是我把变蓝的部分改了：

        $("input[name='color']").keypress(function(event){
            //console.log(event);
            if(event.key=="B"){
                $("#bg").css("background-color", "green");
                $("#bg").text("");
            }
            else if(event.keyCode==71){
                $("#bg").css("background-color", "green");
                $("#bg").text("");
            }
        });

这样蓝色部分成功了。想问

1. 为什么是undefined？

2. 为什么我们要用keyCode而非key？