監聽input實時輸入

// 用Jquery實現:

$('#input-element').on('input',()=>{
　　console.log("你按了一下111");
})

// 用Jquery的事件委托實現:

$("body").delegate( $("#input-element"), "propertychange input", function () {

//  do something

console.log("你按了一下222");

});

 //  propertychange input 是關鍵

 

 

// 用原生js實現:

let inputElem = document.getElementById("input-element");

inputElem.oninput = function(){

　　console.log("你按了一下");

}

 

// 用原生js的事件委托實現:

document.oninput = function(e){

　　if (e.target.id === "input-element") {  // 也可以用其他判斷方法

　　　　console.log("你按了一下");

　　}
}