1. 重寫DOM原型
var desc = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value') Object.defineProperty(HTMLInputElement.prototype, 'value', { ...desc, set(v) { console.log('set',v); desc.set.call(this, v) } })
Object.getOwnPropertyDescriptor(obj, prop) :
描述:該方法允許對一個屬性的描述進行檢索泵肄。在 Javascript 中， 屬性 由一個字符串類型的“名字”（name）和一個“屬性描述符”（property descriptor）對象構成
obj: 需要查找的目標對象
prop: 目標對象內屬性名稱
返回值:如果指定的屬性存在于對象上淑翼，則返回其屬性描述符對象（property descriptor）凡伊，否則返回 undefined
Object.defineProperty(obj, prop, descriptor) :
obj: 要定義屬性的對象。
prop: 要定義或修改的屬性的名稱或Symbol
descriptor: 要定義或修改的屬性描述符窒舟。
返回值:被傳遞給函數(shù)的對象系忙。
查看詳細信息
2. JavaScript修改值后手動觸發(fā)對應事件
...賦值操作 // 創(chuàng)建事件, 事件類型可能包括"UIEvents", "MouseEvents", "MutationEvents", 或者 "HTMLEvents" const ev = document.createEvent("HTMLEvents"); // 定義事件名為change ev.initEvent("change", false, true); // 觸發(fā)事件 inputEl.dispatchEvent(ev);
event.initEvent(type, bubbles, cancelable):
type: 事件的類型。
bubbles: 一個Boolean值惠豺，決定是否事件是否應該向上冒泡. 一旦設置了這個值银还，只讀屬性Event.bubbles也會獲取相應的值
cancelable: 一個Boolean值，決定該事件的默認動作是否可以被取消. 一旦設置了這個值洁墙，只讀屬性Event.cancelable也會獲取相應的值
監(jiān)聽input的值改變(JavaScript直接賦值)
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門寞钥，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人陌选，你說我怎么就攤上這事理郑√愀龋” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵您炉，是天一觀的道長柒爵。 經常有香客問我，道長赚爵，這世上最難降的妖魔是什么餐弱？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮囱晴，結果婚禮上膏蚓，老公的妹妹穿的比我還像新娘。我一直安慰自己畸写，他們只是感情好驮瞧，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著枯芬，像睡著了一般论笔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上千所，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼火俄！你這毒婦竟也來了犯建？” 一聲冷哼從身側響起，我...
- 正文 年R本政府宣布姑原，位于F島的核電站，受9級特大地震影響呜舒，放射性物質發(fā)生泄漏锭汛。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一袭蝗、第九天 我趴在偏房一處隱蔽的房頂上張望唤殴。 院中可真熱鬧，春花似錦到腥、人聲如沸朵逝。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽配名。三九已至，卻和暖如春晋辆，著一層夾襖步出監(jiān)牢的瞬間渠脉，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 1. 函數(shù) 1.1 函數(shù)的 3 種定義方法 1.1.1 函數(shù)聲明 //ES5 functiongetSum(){}...
- Object的defineProperty和defineProperties這兩個方法在js中的重要性十分重要潜腻，主...
- 目前監(jiān)聽JS中的變量變化的方法很多，流行的MVVM的JS庫/框架的共同特點就是數(shù)據(jù)綁定器仗， 在數(shù)據(jù)變更后響應式的自動...
- 在javascript的類中,可以用 __ defineGetter __和 __ defineSetter __...
- vue中的雙向數(shù)據(jù)綁定融涣，數(shù)據(jù)監(jiān)聽用起來很方便，其實也可以自己實現(xiàn)一個簡單的監(jiān)聽功能精钮，一起來看看 getter和se...
