Скрипт: Выводим координаты курсора и код нажатой клавиши <HTML> <HEAD> <TITLE>Координаты курсора и код нажатой клавиши</TITLE> <SCRIPT language="JavaScript"> <!-- function f_unload() { event.returnValue="Хотите покинуть документ?"; } function f_body() { switch (event.type) { case "mousemove": var m1, m2; m1 = event.clientX; m2 = event.clientY; i_Mouse.innerHTML = "clientX, clientY: x - " + m1 + " y - " + m2; m1 = event.screenX; m2 = event.screenY; i_Mouse2.innerHTML = "screenX, screenY: x - " + m1 + " y - " + m2; m1 = event.offsetX; m2 = event.offsetY; i_Mouse3.innerHTML = "offsetX, offsetY: x - " + m1 + " y - " + m2; i_Mouse4.innerHTML = "x, y: x - " + event.x + " y - " + event.y; i_Mouse5.innerHTML = "Тэг: " + event.srcElement.tagName; break; case "keypress": i_Key.innerHTML = "код нажатой клавиши - " + event.keyCode; if (event.ctrlLeft && event.keyCode==10) { window.alert("Нажата левая клавиша Ctrl + Enter"); } if (!event.ctrlLeft && event.keyCode==10) { window.alert("Нажата правая клавиша Ctrl + Enter"); } break; case "contextmenu": event.returnValue = false; break; case "selectstart": event.returnValue = false; break; } } //--> </SCRIPT> </HEAD> <BODY onkeypress="f_body();" onmousemove="f_body();" onbeforeunload="f_unload();"> <P align="center" oncontextmenu="f_body();"> Над этим абзацем нельзя вывести контекстное меню</P> <DIV align="center" id="i_Mouse5"></DIV> <DIV align="center" id="i_Mouse"></DIV> <DIV align="center" id="i_Mouse2"></DIV> <DIV align="center" id="i_Mouse3"></DIV> <DIV align="center" id="i_Mouse4"></DIV> <DIV align="center" id="i_Key">Нажмите клавишу на клавиатуре, чтобы увидеть ее код</DIV> <P align="center">Нажмите левую или правую клавишу Ctrl вместе с Enter, чтобы увидеть сообщение</P> <P onselectstart="f_body();" align="center">Этот абзац нельзя выделить отдельно из других абзацев</P> <DIV align="center"><A href="file.html">Нажмите для перехода по ссылке</A></DIV> <!-- copyright (i5) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html>
Обратно на страницу Скрипты
