javascrpit复选框怎么用键盘来代替鼠标的点击事件 50C

这是复选框
图片说明
这是复选框的代码
图片说明
鼠标勾选太麻烦,怎么才能用键盘的数字键绑定各个元素,比如点数字键一就选第一个元素素,最好直接用js的代码,可以直接在chrome的控制台输入就可以使用的。
本人不懂js,感谢各位大佬

0

9个回答

不需要任何代码,选中了按下空格就能选中。

0
caozhy
贵阳挖掘机马善福,自备车辆专业挖游泳池 建议采纳。
一年多之前 回复
caozhy
贵阳挖掘机马善福,自备车辆专业挖游泳池 这是正解。不需要借助鼠标。
一年多之前 回复
m0_37928829
Forsaken12345 我的意思是怎么不借助于鼠标去实现复选框的选择
一年多之前 回复

不需要任何代码,获得焦点了按下空格就能选中。

0
devmiao
见了你女王大人喵姐还不跪下 回复Forsaken12345: 按下tab选中,得到焦点
一年多之前 回复
m0_37928829
Forsaken12345 如果没有焦点呢?
一年多之前 回复

html代码

 <input type="checkbox" name="check">
<input type="checkbox" name="check">
<input type="checkbox" name="check">
<input type="checkbox" name="check">
<input type="checkbox" name="check">
<input type="checkbox" name="check">
<input type="checkbox" name="check">
0

keydown() 键盘按下触发事件

0

这个实现起来太简单了,给你个思路,键盘事件都有对应的号码,一般使用上下键和回车键即可实现,在页面首先点击上键或下键时候分别让li的最后一个或第一个背景色变化,当按下回车键时候选中此li中 的选项 真正实现起来也很简单的 都不超过十行代码

0

注意引入jquery文件时的路径如,
jquery代码如下:
$(document).ready(function() {
$('html').keydown(function(event) {
if (event.which >= 49 && event.which <= 57) {
$num = event.which - 49;
$('input[name=check]:eq(' + $num + ')').prop("checked")?$('input[name=check]:eq(' + $num + ')').prop("checked",false):$('input[name=check]:eq(' + $num + ')').prop("checked",true);
}
})
});
按一次选中,再按一次取消选中,支持1-9

0

可以使用TAB来控制焦点,用空格键来选中或取消选中

0

按TAB切换焦点 按空格就能选中

0

使用jquery实现.亲测有效。
html代码如下:




注意引入jquery文件时的路径如,
jquery代码如下:
$(document).ready(function() {
$('html').keydown(function(event) {
if (event.which >= 49 && event.which <= 57) {
$num = event.which - 49;
$('input[name=check]:eq(' + $num + ')').prop("checked")?$('input[name=check]:eq(' + $num + ')').prop("checked",false):$('input[name=check]:eq(' + $num + ')').prop("checked",true);
}
})
});
按一次选中,再按一次取消选中,支持1-9

-1
m0_37928829
Forsaken12345 这不是我的网站,怎么在chrome的控制台使用
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
在没有鼠标的情况下,按鼠标右键这个动作用键盘怎么操作?
键盘主键盘 右边的那个ctrl 建的左边 rnShift+F10 也是可以调出当前焦点所在位置的右键功能
使用宏-----用快捷键代替需要复制黏贴的两种文字
宏:对一系列操作的记录rnrn比如说: 我经常要使用 “同意” 和 “不同意”rn这两个词,但是复制黏贴又只能复制一个。rnrn那么我可以 点击开发工具----》录制宏---》 在Word中打“同意” ---》录制结束rn然后在Word选项----》自定义---》快捷方式---》宏----》选中需要的宏---》创建快捷键---》指定---》确定...
Windows应用程序-键盘鼠标事件
设计一个窗口,在该窗口中练习键盘的响应,要求如下:rnrn(1) 单击键盘上的向上箭头时,窗口中显示“You had hitted the up key”rnrn(2) 单击键时,窗口中显示“You had hitted the SHIFT key”rnrn(3) 单击键时,窗口中显示“You had hitted the CTRL key”rnrn(4) 单击键时,窗口中显示“You had h
c++模拟键盘鼠标按键
代码示例rn // 1 press left mouse button on pointLU n ::SetCursorPos(pointLU.x,pointLU.y);n mouse_event(MOUSEEVENTF_LEFTDOWN,0,0,0,0);nn // 2 move to pointRBn ::SetCursorPos(pointRB.x,pointRB.y);nn // 3 re
Win7系统用键盘替代鼠标的小技巧
1 n同时按下“ALT”+”键盘左SHIFT”+”NumLock”,可快速启用。 n会弹出一个这样的窗口,见下图。 n n2 n点击“是”,这时候系统托盘会出现鼠标的图示。 n n3 n想要调整鼠标移动速度的时候,找出鼠标图示,双击更改。4 n设置好之后,点击下方的“应用”,就可以用数字键盘控制鼠标移动啦~! n n5“鼠标键” 功能启动的状态下数字小键盘区就变成了鼠标键盘: n - 方向键:
电脑快捷键,如何用快捷键操作电脑
介绍电脑操作的一些常用快捷键,在鼠标坏掉的情况下。直接用快捷键来代替鼠标的操作
鼠标精灵
原来记录键盘和鼠标的操作的用
python 控制鼠标键盘库 pyautogui
1. 鼠标相关nnnpyautogui.moveTo(100, 200) # moves mouse to X of 100, Y of 200.npyautogui.moveRel(0, 50) # move the mouse down 50 pixels.n pyautogui.click() # click the mousenpyautogui.click(button='...
windows常用快捷键(没有鼠标的时候用)
系统常用的快捷键rnrnF1 帮助 rnrnF2 重命名 rnrnF3 搜索、查找 rnrnF5 刷新 rnrnTab 切换选项rnrnAlt+Tab 切换窗口(按住Alt单击Tab) rnrnAlt+F4 关闭窗口 rnrnAlt 激活窗口菜单栏 菜单键 激活右键菜单 rnrnAlt+Enter 文件属性 rnrnCtrl+Space 切换中、英文输入法 rnrnCtrl+Shift 切换各输入
能同时模拟键盘及鼠标的神器--51单片机可控制
之前有一遍是只能模拟键盘的,现在是键盘和数据都能同时模拟的啦nn材料清单:nn单片机最小系统*1或者USB-TTL模块;(家中常备)n 模拟键盘鼠标功能板一块*1;M宝购买网址:https://c.tb.cn/c.02oDJ9n 杜邦线-母--母*4;(家中必备)n接线图:nn 模拟键盘鼠标功能板n 单片机最小系统或USB-TTL模块n ...
一个在dos下进行鼠标的控制程序
这是一个在dos下进行鼠标控制的程序,很好的进行编程基本功的训练。
在浏览器中鼠标右键点击时进行定位和触发点击事件
在浏览器中鼠标右键点击时进行定位和触发点击事件rn开发工具与关键技术:Microsoft Visual Studio 2015、…NET MVCrn作者:邓恩明rn撰写时间:2019年03月27日rn一般情况下,当我们用浏览器执行MVC项目时,在某个页面中点击鼠标右键时浏览器都会默认的有一个点击事件,如下:rnrn那么如果我们在项目中需要借助点击鼠标右键来实现某个功能的话,我们就需要在页面的某一块特定的区域内...
【Selenium键盘和鼠标的自动化操作】
selenium给我们提供了一个类来处理这类事件——ActionChains。nn鼠标的自动化操作:nn首先要引入包nnnfrom selenium.webdriver import ActionChainsnn操作如下:nnActionChains可以对需要模拟鼠标操作才能进行的情况,比如单击、双击、点击鼠标右键、拖拽等等进行操作。ActionChains方法列表:nnclick(on_elem...
鼠标点击事件总结
3D物体鼠标点击事件rn void OnMouseOver()n {n print("悬停");n } nn void OnMouseEnter()n {n print("进入");n }nn void OnMouseExit()n {n print("退出");n }n void OnMouse
计算机组装与维护-----认识与选购键盘和鼠标
通过项目教学法,使学生了解键盘和鼠标的结构、原理、接口;了解市场上键盘和鼠标的品牌、价格、款式;学会选购键盘和鼠标的方法。
基于FPGA的键盘鼠标的源代码.
基于FPGA的键盘鼠标的源代码.基于FPGA的键盘鼠标的源代码.
加入键盘鼠标控制的代码
写了几个箱子,加了鼠标等控制
JS的鼠标事件
onmouseover和onmouseout方法:rnrnrnrnrnrnrnrnrnrnrnrn把鼠标移到上面rnrnrnrnrnrnrnfunction mOver(obj)rnrn{rnrnobj.innerHTML="谢谢"rnrn}rnrnrnrnrnfunction mOut(obj)rnrn{rnrnobj.innerHTML="把鼠标移到上面"rnrn}rnrnrnrnrnrnrn
鼠标键盘模拟工具
最近工作中需要用到键盘和鼠标大量重复操作,就想着是否有程序能模拟键盘和鼠标的操作,于是在网上找了下,还真有,于是下载下来用下,结果发现只能重复执行5次,且只是鼠标的模拟操作。于是乎花了点时间自动研究了下整出来个小工具,可以同时支持键盘和鼠标的模拟操作,还可以无限重复执行。先分享给大家。nnnn下载地址:https://download.csdn.net/download/shui878412/10...
JS事件之鼠标事件
很多人都知道鼠标事件,W3C规定的鼠标事件有5个,它们分别是mousedown,mousemove,mouseup,mouseover,mouseleave。前面三个经常用到一起做拖拽效果,后面两个经常用在一起做类似于:hover的效果。IE除了这5个基本的事件之外还增加了mouseleave和mouseout,这个我们后面再说。 n最近在做一个网站的轮播图的时候,出现了一个bug,我原本想做成的效
键盘鼠标录制回放器v1.0绿色版轻松录制键盘鼠标的操作.rar
键盘鼠标录制回放器v1.0绿色版轻松录制键盘鼠标的操作
Kinet代替PC鼠标控制桌面码 实现类似触摸屏的功能
在Kinect 体感的支持下,通过对手势的识别和跟踪,来代替鼠标移动和点击。该程序使人能够徒手控制PC, 代替PC鼠标控制桌面代码,欢迎大家一起学习!
通过获取鼠标的点击位置来动态定位元素
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:nMarkdown和扩展Markdown简洁的语法n代码块高亮n图片链接和图片上传nLaTex数学公式nUML序列图和流程图n离线写博客n导入导出Markdown文件n丰富的快捷键n快捷键n加粗 Ctrl + B n斜体 Ctrl + I n引用 Ctrl
程序员的你还在用鼠标么
     作为一名程序员,我们大部分时间要使用笔记本电脑,但是很多初学者离不开鼠标,你的右手是不是放一下键盘再放一下鼠标呢?当然,小编也是一个经常这样做的萌新,试想一下经常换手用鼠标的话是不是会浪费很多的时间呢?     今天小编就来告诉大家一个戒掉鼠标的办法,让你的工作效率得到提高。在这之前,细心的你一定会发现每台笔记本都有一个触摸板吧,不过大部分的萌新都不太喜欢用它,我想很多人对它认识都是:单...
最全opengl鼠标键盘控制事件
opengl前后滚轮,鼠标左右中键,键盘f1f2f3等等,可以直接使用,有问题留言,帮助解决,本资源不是那种发起者自己跑都跑不了的
封锁键盘鼠标的源程序
封锁键盘鼠标的源程序
鼠标的usb 线序
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190116091314251.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0Y2FhYQ==,size_16,color_FFFFFF,t_70)
USB鼠标开发 采用单片机+D12为控制芯片
USB鼠标是采用单片机+D12芯片为USB鼠标开发的一款主机驱动程序。
写了个鼠标键盘模拟器,希望对大家有用哈!
写了个鼠标键盘模拟器,希望对大家有用哈!
锁定鼠标与键盘源代码
可以锁定鼠标与键盘,该源代码在Delphi xe2下通过测试。
java事件 鼠标事件 实例代码
java事件 鼠标事件 实例代码java事件 鼠标事件 实例代码java事件 鼠标事件 实例代码
一个控制鼠标的小程序
编写程序控制鼠标,热键ctrl+F12。
Java中实现鼠标模拟与键盘映射
关键字: java 鼠标模拟 键盘映射 rnJava SDK 1.3以后实现了Robot类。此类用于为测试自动化、自运行演示程序和其他需要控制鼠标和键盘的应用程序生成本机系统输入事件。Robot 的主要目的是便于 Java 平台实现自动测试。rn使用该类生成输入事件与将事件发送到 AWT 事件队列或 AWT 组件的区别在于:事件是在平台的本机输入队列中生成的。例如,Robot.mouseMove ...
获取键盘鼠标空闲时间实现智能关机
使用delphi获取键盘鼠标空闲时间实现智能关机程序源代码
在Linux下实现一个使用键盘控制的虚拟鼠标
在Linux下创建一个虚拟鼠标设备还是比较简单的,使用内核uinput模块提供的函数即可。创建出虚拟鼠标以后,在主线程监听键盘的事件,当特定的键(此处使用了小键盘的数字键8、2、4、6)被按下或弹起后,进行记录。在另一个线程根据主线程记录的flag创建输入事件,然后将输入事件写入虚拟鼠标设备即可。n在实现程序时一个让我思考时间比较长的问题是:是否需要另外创建一个线程来写虚拟鼠标设备。当一个键被按下...
【2018.05.09】python3.6 + selenium 定位之 鼠标事件操作+键盘事件操作
#coding = utf-8n'''n鼠标事件操作:nn'''nfrom selenium import webdrivernnfrom selenium.webdriver.common.action_chains import * #需要加载项ndriver = webdriver.Chrome()ndriver.get('https://www.baidu.com')ndriver.im...
MacOS 开发 - NSView 添加鼠标监控
关键词:MacOS 开发 - NSView 添加鼠标监控、NSTrackingArea、mouseEntered、cursorUpdate、mouseExited、mouseDownrnrnrnrn一、鼠标点击事件响应流程简述:rn二、步骤rn1、自定义 MSView 继承自 NSView;rn2、在 MSView.m 的 drawRect 方法中添加监控区域NSTrackingArea 和监控样式。rn跟踪区域...
打造「无缝」的输入体验,让 PC / MAC / 手机 共用一套键盘鼠标
n n n nnnnnnnnnnnn关于「键鼠共用」多数人的日常工作生活中,肯定已经接触到两件或两件以上的数码设备了吧?设想,你有一台 Mac 而且有一个能让你舒服录入的机械键盘。这时候,有一条手机上的消息需要你回复,一旦切换到手机上时,你马上得把思路切成拇指输入法,这是很不连贯的输入体验。nnnnnnn多设备的日常nnn想要「无缝的输入体验」?我个人在各种方法折腾下...
游戏鼠标指针映射到手机、键鼠操作手游的三种方法:第三种二合一操作最简单
鼠标键盘怎么控制手机玩游戏?手机怎么外接鼠标键盘?其实想要实现这种操作并不是特别难,今天就告诉你们三种亲测有效的鼠键控制手机玩游戏的方法:nn1、用蓝牙鼠标和蓝牙键盘连接nn准备一个蓝牙鼠标以及蓝牙键盘,然后打开蓝牙开关,在手机中点击寻找蓝牙,进行配对连接,连接成功之后,即可进行使用。连接成功之后只需要左右挪动鼠标即可将你的手机中的鼠标箭头移动,移动到指定位置之后,使用鼠标左键即可对其进行点击选择...
Java中如何监听鼠标事件
      当点击鼠标按钮时,有三个监听器方法可以调用:①鼠标按下时调用mousePressed;②鼠标被释放时调用mouseReleased;③关注鼠标的最终点击事件时调用mouseClicked。鼠标点击可以由mouseClicked过程报告,该方法是MouseListener接口的一部分。通常大部分应用程序只对鼠标点击事件感兴趣,而对鼠标移动及拖动并不感兴趣,但是鼠标移动及拖动事件又经常发生...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 区块链怎么来的 深度学习用python来做