滑鼠

box.onmouseenter = function(){
    console.log("移入了");
 }

注意：兩者區別在於後者裡面嵌套了一個div有個小盒子的話，會進行事件流，冒泡階段，會在輸出一遍大
div中的程式！！！

box.onmouseleave = function(){
     console.log("移出了");
 }

注意 ：

mouseenter和mouseleave 是一對

box.oncontextmenu = function(){
     console.log("右擊");
 }

box.onmousedown = function(){
     console.log("按下了");
 }

box.onmouseup = function(){
     console.log("抬起了");
 }

box.onmousemove = function
 
(){
     console.log("移動了滑鼠");
 }

window.onmousewheel = function(){
    console.log("滾動了滾輪");
 }

鍵盤

敲擊鍵盤

window.onkeypress = function(){
     console.log("敲擊了鍵盤");
 }

表單

var keywords = document.querySelector("[name='keywords']");
 keywords.oninput = function(){
     console.log(
 
this.value);
     this.nextElementSibling.innerText = this.value;
 }