Handle arrow key, control, alt : Key Event : Event JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Event » Key Event »

 

Handle arrow key, control, alt



<!-- 
     Example File From "JavaScript and DHTML Cookbook"
     Published by O'Reilly & Associates
     Copyright 2003 Danny Goodman
-->
function handleArrowKeys(evt) {
    evt = (evt? evt : ((window.event? event : null);
    if (evt) {
        var top = getElementStyle("moveableElem""top""top");
        var left = getElementStyle("moveableElem""left""left");
        var elem = document.getElementById("moveableElem");
        switch (evt.keyCode) {
            case 37:
                elem.style.left = (parseInt(left5"px";
                break;    
            case 38:
                elem.style.top = (parseInt(top5"px";
                break;    
            case 39:
                elem.style.left = (parseInt(left5"px";
                break;    
            case 40:
                elem.style.top = (parseInt(top5"px";
                break;    
         }
    }
}

document.onkeyup = handleArrowKeys;

----------

function handleAccelerator(evt) {
    evt = (evt? evt : ((window.event? event : null);
    if (evt) {
        if (evt.keyCode == 80 && evt.ctrlKey && evt.altKey) {
            runSpecial();
        }
    }
}

document.onkeyup = handleAccelerator;

----------

function showHelp(elem) {
    var elemID = elem.id;
    switch (elemID) {
        case "name":
            alert("Enter your full name.");
            break;
        case "email":
            alert("We will be contacting you with your access code. n" +
                   "Make sure the address is accurate and up to date.");
            break;
        ...
    }
}

function handleAccelerator(evt) {
    evt = (evt? evt : ((window.event? event : null);
    var elem = (evt.target? evt.target : ((evt.srcElement? evt.srcElement : null);
    if (evt) {
        // for Ctrl+Alt+F2
        if (evt.keyCode == 113 && evt.ctrlKey && evt.altKey) {
            showHelp(elem);
        }
    }
}
document.onkeyup = handleAccelerator;


           
       



-

1 Comments

key control

Wednesday 26th of August 2009

key control is very important for this.

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Event
» Key Event