libdom/src/demo/event.js

Lean Browser Library for typical DOM operations

'use strict';

var main = global.libdom,
    CORE = global.libcore;

console.log('testing: ', main);

CORE.middleware('libdom.event').
    register('listen',
        function () {
            console.log('event listen ', arguments);
        }).

    register('dispatch',
        function (type, event) {
            console.log('event dispatched ', type, event);
        });


function clicked(event) {
    alert('click! ', event.type);
    console.log('removing!');
    main.un(document, 'click', clicked);
    
}

function noEnd(event, element) {
    //console.log('clicked !!!' + (event.target || event.srcElement).tagName);
    main.dispatch((event.target || event.srcElement), 'no-end', {
        name: 'no-end',
        bubbles: true
    });
}

function onNoEnd(event) {
    
    console.log('no-end event type: ', event.type);
    //console.log('no-end ', (event.target || event.srcElement).tagName);
}

function onKey(event) {
    //main.normalizeEvent(event);
    //console.log(event.type, ' ', main.normalizeEvent(event).charCode, ' data: ', event.data);
    console.log(
                //' which: ', event.which,
                //' keyCode: ', event.keyCode,
                //' charCode: ', event.charCode,
                //' shift: ', event.shiftKey,
                ' [which/keyCode]: ', event.keyCode || event.which,
                ' combo: ',
                    (event.keyCode || event.which) + ', ' +
                    (event.charCode) + ',   ' +
                    (event.shiftKey) + ',',
                event.type, ',',
                    event.keyCode
                );
    //console.log(event);
}

main.on(document, 'click', noEnd);
//main.on(document.body, 'mousedown', noEnd);
//main.on(document.body, 'mouseup', noEnd);
//main.on(document.body, 'click', noEnd);


main.on(document.body, 'contextmenu', function (event) {
    console.log('purge! ', event.type);
    main.purge(document.body);
});

main.on(document, 'no-end', onNoEnd);
main.on(document.documentElement, 'no-end', onNoEnd);
main.on(document.body, 'no-end', onNoEnd);
main.on(document.getElementById('buang'), 'no-end', onNoEnd);

main.on(document, 'keydown', onKey);
main.on(document, 'keypress', onKey);
main.on(document, 'keyup', onKey);


var form = main.add(global.document.body, {
    tagName: 'form',
    id: 'buangxxxx',
    action: 'data.json',
    method: 'post',
    enctype: 'multipart/form-data',
    encoding: 'multipart/form-data',
    childNodes: [{
        tag: 'input',
        type: 'hidden',
        name: 'buang',
        value: 'buang pud'
    }]
});



console.log('---------------------------------- custom events');

main.on(global, 'load',
    function () {
        main.dispatch(form, 'libdom-test-buang', {});


        main.dispatch(form, 'libdom-http-ready', {});
    });

main.on(form, 'libdom-http-ready',
    function () {
        console.log('ready?');
    });