fix attribute syncing for input, select, textarea

optimize events
This commit is contained in:
Leo Horie 2016-05-10 01:55:48 -04:00
parent 4a215a2815
commit d5371533a7
7 changed files with 503 additions and 32 deletions

40
test-input.html Normal file
View file

@ -0,0 +1,40 @@
<!doctype html>
<html>
<head></head>
<body>
<textarea id="t">aaa</textarea>
<select multiple id="aaa">
<option value="a">aaa</option>
<option value="b">bbb</option>
<option value="c">ccc</option>
</select>
<div id="root"></div>
<pre id="a"></pre>
<script src="./module/module.js"></script>
<script src="./render/node.js"></script>
<script src="./render/hyperscript.js"></script>
<script src="./render/render.js"></script>
<script type="text/javascript">
var m = require("./render/hyperscript")
var render = require("./render/render")(window, run).render
var value = "asd"
function run() {
console.log("rendering...")
render(root, [
m("textarea", {oninput: (e) => e}, value)
])
}
run()
//setInterval(()=> console.log(document.activeElement), 1000)
var el = document.createElement("br")
var txt = document.createTextNode("ccc")
t.appendChild(el)
t.appendChild(txt)
</script>
</body>
</html>