键盘控制select选项上下

$(‘#k‘).live(‘keydown‘,function(event){

            if (event.keyCode==38){
                /*$(this).addClass("active");
                 $(this).siblings().removeclass("active");
                 $("#k").val($(this).text());*/
                var autoNodes = $(".checktype").children("li");

                if(highlightindex != -1){
                    autoNodes.eq(highlightindex).addClass("active");
                    autoNodes.eq(highlightindex).siblings().removeClass("active");
                    highlightindex--;
                }else{
                    highlightindex = autoNodes.length - 1;
                }
                autoNodes.eq(highlightindex).addClass("active");
                autoNodes.eq(highlightindex).siblings().removeClass("active");
                var li_val=$(".checktype").children("li").eq(highlightindex).text()
                if(li_val!=‘‘){
                    $("#k").val(li_val);
                }
                //  $("#k").val($(".checktype").children("li").eq(highlightindex).text());

            }

            if (event.keyCode==40){

                var autoNodes = $(".checktype").children("li");

                if(highlightindex != -1){
                    autoNodes.eq(highlightindex).addClass("active");
                    autoNodes.eq(highlightindex).siblings().removeClass("active");
                    highlightindex++;
                }else{
                    highlightindex++;
                }
                if(highlightindex == autoNodes.length){
                    highlightindex = 0;
                }

                autoNodes.eq(highlightindex).addClass("active");
                autoNodes.eq(highlightindex).siblings().removeClass("active");
                //autoNodes.eq(highlightindex).siblings().removeclass("active");
                var li_val=$(".checktype").children("li").eq(highlightindex).text()
                if(li_val!=‘‘){
                    $("#k").val(li_val);
                }

            }
        })

键盘控制select选项上下

时间: 2024-10-08 20:04:18

键盘控制select选项上下的相关文章

bootstrap-select js jQuery控制select属性变化

bootstrap-select我想大家都不陌生是一个前端下拉框的插件非常好用,在select的标签中设置属性可以做很多功能控制,不过初始化之后怎么去修改网上找遍中文英文也没有一个交代自己研究好久研究出来了,当然有的人会干掉重新生成那样太low,我决定来填补这个空白. js控制select属性变化其实很简单,并不需要 $('#goodsNames').selectpicker('render'); $('#goodsNames').selectpicker('refresh'); 来重新渲染只用

用键盘控制DIV && Div闪烁

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

AS3键盘控制

第一种方式: package com.game.keymanager { import flash.display.Stage; import flash.events.KeyboardEvent; import flash.ui.Keyboard; import flash.utils.Proxy; import flash.utils.flash_proxy; /** * The KeyObject class recreates functionality of * Key.isDown

IOS开发学习笔记-(2)键盘控制,键盘类型设置,alert 对话框

一.关闭键盘,放弃第一响应者,处理思路有两种 ① 使用文本框的 Did End on Exit 绑定事件 ② UIControl on Touch 事件 都去操作 sender 的  resignFirstResponder #import <UIKit/UIKit.h> @interface ViewController : UIViewController @property (weak, nonatomic) IBOutlet UITextField *txtUserName; @pro

纯js实现用键盘控制DIV上下左右+放大缩小与变色

//用键盘控制DIV,红色方块为键盘操作区域,您可以进行如下操作:左右控制;背景变为绿色;背景变为黄色;背景变为蓝色放大或缩小用键盘控制DIV,红色方块为键盘操作区域,您可以进行如下操作:  上:↑ 下:↓ 左:← 右:→  Ctrl + 1 : 背景变为绿色  Ctrl + 2 : 背景变为黄色  Ctrl + 3 : 背景变为蓝色  Ctrl + ↑ : 放大  Ctrl + ↓ : 缩小 <!-- Author: XiaoWen Create a file: 2017-01-10 19:0

JS实现用键盘控制DIV上下左右+放大缩小与变色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

【Unity3D】使用鼠标键盘控制Camera视角(即时战略类游戏视角):缩进,拉远,旋转

今天写一个demo,要用到鼠标键盘控制三维视角,因此写了个脚本用于控制. 该脚本可以用于即时战略类游戏的视角,提供了缩进,拉伸,旋转.同时按住鼠标右键不放,移动鼠标可以实现第一人称视角的效果. 1 using UnityEngine; 2 using System.Collections; 3 4 public class CameraController : MonoBehaviour { 5 6 7 public float near = 20.0f; 8 public float far

键盘控制

先安装装turtlebot_teleop包: sudo apt-get install ros-indigo-joystick-drivers ros-indigo-turtlebot-teleop 先启动一个模拟的TurtleBot sudo apt-get install ros-indigo-joystick-drivers ros-indigo-turtlebot-teleop 启动RViz: rosrun rviz rviz -d `rospack find rbx1_nav`/sim

简单的使用键盘控制方块移动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>键盘控制方块移动</title> <style> #box{ width: 50px; height: 50px; background-color: green; position: relative; left: 50px; top: 50p