JS赋值隐藏input并监听值变化
<!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>
效果