tests/manual/valuechange.html

	valuechange.html revision 817fd44279e274b210f7f29c8080c1f2d121f4f8
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>event-valuechange manual tests</title>
</head>
<body>

<h1>event-valuechange manual tests</h1>

<h2>valueChange</h2>
<input type="text" id="a" class="valuechange">
<textarea id="b" class="valuechange"></textarea>

<h2>input</h2>
<input type="text" class="input">
<textarea class="input"></textarea>

<h2>keyup</h2>
<input type="text" class="keyup">
<textarea class="keyup"></textarea>

<h2>keypress</h2>
<input type="text" class="keypress">
<textarea class="keypress"></textarea>

<script src="/build/yui/yui.js"></script>
<script>
var Y = YUI({filters: {'event-valuechange': 'debug'}}).use('event-valuechange', function(Y) {
    Y.all('.valuechange').on('valueChange', function (e) {
        Y.log("valueChange: from " + e.prevVal + " to " + e.newVal, 'info');
    });

    Y.Node.DOM_EVENTS['input'] = true;
    Y.all('.input').on('input', function (e) {
        Y.log("input: from ? to " + e.currentTarget.get('value'), 'info');
    });

    Y.all('.keyup').on('keyup', function (e) {
        Y.log("keyup: from ? to " + e.currentTarget.get('value'), 'info');
    });

    Y.all('.keypress').on('keypress', function (e) {
        Y.log("keypress: from ? to " + e.currentTarget.get('value'), 'info');
    });
});
</script>
</body>
</html>