jQuery 即時監聽 input 文字內容

如果需要即時監聽使用者輸入input的內容，只需要使用on(input)即可。

HTML

<input type="text" id="text">

jQuery

$("#text").on("input", function() {
var text=$(this).val().trim();
console.log(val);
});

trim()代表去除前後空白。

實際操作

See the Pen Untitled by kumo (@kumo-tw) on CodePen.

延伸閱讀

• CSS 如何修改 placeholder 的顏色
• input 數字範圍類型：number、range
• Placeholder 是什麼？如何在 input 中顯示預設文字
• jQuery 在 HTML 中新增／刪除屬性
• font-family : 字體家族（種類）CSS一覽