javascript 实现键盘上下左右功能的小例子

代码如下:

<script type="text/javascript">

  function up(){ alert("up");}

function down(){alert("down");}

  function left(){ alert("left");}

function right(){alert("right");}

  function jumpPage(){

    if(event.keyCode==37){

      left(); return ;

    }

    if(event.keyCode==38){

       up();return ;

    }

     if(event.keyCode==39){

      right();return ;

    }

    if(event.keyCode==40){

      down();return ;

    }

    document.onkeydown=jumpPage;
  }
</script>

(0)

相关推荐

  • javascript实现ecshop搜索框键盘上下键切换控制

    在createSelect()函数中,返回一个对象,这个对象的两个方法next() 和prev()中的调用的moveSelect()能正确的指向到该函数,也可以把 moveSelect()函数放到外面来. 复制代码 代码如下: /* 键盘操作与问题推荐选择 */     var curDo = null;     var select = createSelect();     $('#keywords').keyup(function(e){         var theEvent =  e

  • javascript键盘上下键的操作(选择)

    两段使用键盘的上下键进行选择的代码: 第一段  function document.onkeydown(){ var rowsArray = document.all('oTable').rows; for(var i=0;i=0){ rowsArray[i-1].children[0].style.backgroundColor = '#dcdcdc'; rowsArray[i].children[0].style.backgroundColor = ''; } break; case 40

  • javascript上下方向键控制表格行选中并高亮显示的方法

    本文实例讲述了javascript上下方向键控制表格行选中并高亮显示的方法.分享给大家供大家参考.具体实现方法如下: <style> tr.highlight { background:#08246B; color:white; } </style> <table border="1" width="70%" id="ice"> <tr onClick="selectTR();return fa

  • 一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能

    调用时可以这样: 1,tempStr=GetNewSelectStr(dataTable.value,"select"+rowIndex,true); 2,makeSelectBox("select"+rowIndex,tempStr,value,obj); tempStr-这个是返回的下拉列表值的框体 dataTable.value-这个是数据源(我这里是一张表) "select"+rowIndex-这个是ID号,也就是当前这个select的i

  • javascript 实现键盘上下左右功能的小例子

    复制代码 代码如下: <script type="text/javascript"> function up(){ alert("up");} function down(){alert("down");} function left(){ alert("left");} function right(){alert("right");} function jumpPage(){ if(even

  • Servlet+JDBC实现登陆功能的小例子(带验证码)

    案例需求:访问带有验证码的登录页面login.jsp用户输入用户名,密码以及验证码.如果用户名和密码输入有误,跳转登录页面,提示:用户名或密码错误如果验证码输入有误,跳转登录页面,提示:验证码错误如果全部输入正确,则跳转到主页success.jsp,显示:用户名,欢迎您分析 步骤 文件树展示 1.配置文件和jar包在上个案例均有配置过,需要改的有:User类新增验证码成员变量,数据库增加了一个验证码字段(无用,只是为了UserDao包把查找到的数据值导入到User类不出错). 2.登陆界面 <%

  • 5个可以帮你理解JavaScript核心闭包和作用域的小例子

    这里有5个小脚本,有助于你真正理解JavaScript核心–闭包和作用域.没有在控制台运行之前,尝试回答每个案例中会弹出什么内容,然后你可以创建一个测试文件去核对你的答案.你准备好了吗? 1. 复制代码 代码如下: if (!("a" in window)) {      var a = 1;  }  alert(a); 2. 复制代码 代码如下: var a = 1,      b = function a(x) {          x && a(--x);    

  • ASP.NET实现License Key输入功能的小例子

    这个演示,在输入时,是不需要与服务端交互,只有全部输入完毕之后,用户点铵钮才进行验证.因此在这里,写Javascript来实现即可. js: 复制代码 代码如下: <script type="text/javascript">        function JumpToNextTextBox(currentTxtBox, nextTextBoxID) {            if (currentTxtBox.value.length >= 5) {       

  • 用Javascript来生成ftp脚本的小例子

    程序也很简单,就是遍历一下本地目录,然后产生一堆ftp命令. 复制代码 代码如下: function matchDemo(strFolderName) { var s; var re = /200\d{5}/ig; s = strFolderName.match(re): return(s): } function init() { strScript ="open 192.168.1.32 \n"; strScript+="user sybase 111111 \n&quo

  • 扩展JS Date对象时间格式化功能的小例子

    在自己JS代码中引入一下代码: 复制代码 代码如下: Date.prototype.format =function(format){    var o = {            "M+" : this.getMonth()+1, //month            "d+" : this.getDate(), //day            "h+" : this.getHours(), //hour            "

  • javascript检测页面是否缩放的小例子

    复制代码 代码如下: /* * zoomCheck */jQuery(function($){  var dCheck = $("#zoomCheck");  if(dCheck.size() != 0){    return;  }  dCheck = $("<span></span>").attr('id',"zoomCheck").css({    position :'fixed',    left : '5px'

  • JavaScript自动设置IFrame高度的小例子

    复制代码 代码如下: function SetIFrameHeight(down) {         var Sys = {};         var ua = navigator.userAgent.toLowerCase();         var s;         (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :         (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox =

  • Android调用系统的发邮件功能的小例子

    复制代码 代码如下: package com.example.myapi.email; import java.util.ArrayList;import java.util.List; import android.content.Context;import android.content.Intent;import android.net.Uri; public class SendEmailUtils {    private SendEmailUtils(){}    private

  • 微信小程序车牌号码模拟键盘输入功能的实现代码

    先来一波预览图. 预览图片一: 预览图二: 预览图三: 预览图四: 预览图五: 大概的效果就和原来图差不多. 思路解析:车牌号码由31位汉字,26位字母,10位数字组成的,开头第一位由省份简称的汉字,第二位字母根据省份下的城市或地区区分,最后的五位或者六位,是有字母和数字组成的,共有七位的车牌号码和八位的车牌号码,(注:其中的八位数的车牌号码为能源车的车牌号码.) 大概的逻辑思维,不包含代码获取值什么的或者验证其他的说明,详细看代码片段. 第一,原型的设计思路:先设计好模拟键盘的大概架构,样式.

随机推荐