fix attribute syncing for input, select, textarea
optimize events
This commit is contained in:
parent
4a215a2815
commit
d5371533a7
7 changed files with 503 additions and 32 deletions
40
test-input.html
Normal file
40
test-input.html
Normal 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue