valuechange.html revision 861747a48c2c1e64d00644e97b218a76d334f744
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos<!DOCTYPE html>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos<html>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos<head>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos <meta charset="utf-8">
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos <title>event-valuechange manual tests</title>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos</head>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos<body>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos<h1>event-valuechange manual tests</h1>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos<h2>valueChange</h2>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos<form>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos <input type="text" class="valuechange">
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos <textarea class="valuechange"></textarea>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos</form>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos<h2>input</h2>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos<form>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos <input type="text" class="input">
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos <textarea class="input"></textarea>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos</form>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos<h2>keyup</h2>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos<form>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos <input type="text" class="keyup">
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos <textarea class="keyup"></textarea>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos</form>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos<h2>keypress</h2>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos<form>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos <input type="text" class="keypress">
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos <textarea class="keypress"></textarea>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos</form>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos<script src="/build/yui/yui.js"></script>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos<script src="/build/event-valuechange/event-valuechange.js"></script>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos<script>
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordosvar Y = YUI().use('event-valuechange', function(Y) {
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos Y.all('.valuechange').on('valueChange', function (e) {
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos Y.log("valueChange: from " + e.prevVal + " to " + e.newVal);
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos });
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos Y.Node.DOM_EVENTS['input'] = true;
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos Y.all('.input').on('input', function (e) {
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos Y.log("input: from ? to " + e.currentTarget.get('value'));
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos });
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos Y.all('.keyup').on('keyup', function (e) {
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos Y.log("keyup: from ? to " + e.currentTarget.get('value'));
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos });
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos Y.all('.keypress').on('keypress', function (e) {
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos Y.log("keypress: from ? to " + e.currentTarget.get('value'));
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos });
47196c962e3caf7cdf7ea5d00ccdefc9f208bdceLaszlo Hordos});
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos</script>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos</body>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos</html>
d2aa757e87ded03e129fa9c6983fb647222fb9f5Laszlo Hordos