forked from montagejs/frb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
dom.js
46 lines (36 loc) · 1.56 KB
/
dom.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
var PropertyChanges = require("collections/listen/property-changes");
// for whatever reason, HTMLInputElement is not the same as the global of the
// same name, at least in Chrome
function changeChecked(event) {
PropertyChanges.dispatchOwnPropertyChange(event.target, "checked", event.target.checked);
}
function changeValue(event) {
PropertyChanges.dispatchOwnPropertyChange(event.target, "value", event.target.value);
}
function makeObservable(key) {
if (key === "checked") {
this.addEventListener("change", changeChecked);
} else if (key === "value") {
this.addEventListener("change", changeValue);
if (this.type === "text" || this.nodeName === "TEXTAREA") {
this.addEventListener("keyup", changeValue);
}
}
}
function makeUnobservable(key) {
if (key === "checked") {
this.removeEventListener("change", changeChecked);
} else if (key === "value") {
this.removeEventListener("change", changeValue);
if (this.type === "text" || this.nodeName === "TEXTAREA") {
this.removeEventListener("keyup", changeValue);
}
}
}
var HTMLInputElement = Object.getPrototypeOf(document.createElement("input"));
HTMLInputElement.makePropertyObservable = makeObservable;
HTMLInputElement.makePropertyUnobservable = makeUnobservable;
var HTMLTextAreaElement = Object.getPrototypeOf(document.createElement("textarea"));
HTMLTextAreaElement.makePropertyObservable = makeObservable;
HTMLTextAreaElement.makePropertyUnobservable = makeUnobservable;
// TODO make window.history state observable