JS給隱藏input賦值並監聽值變化
阿新 • • 發佈：2022-04-21
前言：
onchange觸發是需要要獲得焦點，然後再失去焦點後才會觸發，如果JS修改input的value，並不會觸發onchange事件。
從網上找到一種方法，記錄下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS賦值隱藏input並監聽值變化</title> </head> <body> <button id="btn">給 input 賦值</button> <input type="hidden" id="input"> <script src="./jquery-1.11.3.min.js"></script> <script> var a = 0; $("#btn").on('click', function() { $('#input').val(++a) }) var inputObj = document.getElementById('input') Object.defineProperty(inputObj, 'value', { set: function(v) { // 監聽到input值改變。。 console.log(v) return v } }) </script> </body> </html>
版權宣告：本文為CSDN博主「丨Anna丨」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處連結及本宣告。
原文連結：https://blog.csdn.net/u014331138/article/details/123039991