查看: 464|回复: 4
Alienware M14X R1 键盘问题
下载分412 分
原创币0 点
下载次数314 次
上传次数64 次
主题帖子积分
会员等级：
Alienware M14X R1 键盘SHIFT粘连在X宝也找不到，只有R2的说排线接口有绿和蓝之分别。不通用吗？确实是这样吗？
M14X R1.png (312.74 KB, 下载次数: 0)
10:48 上传
M14X R1 B.png (586.96 KB, 下载次数: 0)
10:50 上传
下载分693 分
原创币0 点
下载次数144 次
上传次数12 次
主题帖子积分
会员等级：
正式维客, 积分 87, 距离下一级还需 33 积分
咱换键盘一般都找一模一样的换，
下载分232 分
原创币0 点
下载次数719 次
上传次数98 次
主题帖子积分
会员等级：
银牌维客, 积分 231, 距离下一级还需 169 积分
dell m14x r1键盘 是这个键盘吗？我这么在X宝看见有呢
下载分35 分
原创币0 点
下载次数540 次
上传次数2 次
主题帖子积分
会员等级：
正式维客, 积分 109, 距离下一级还需 11 积分
这个键盘X宝没有的话，找个售后换就好了
下载分2404 分
原创币0 点
下载次数708 次
上传次数383 次
主题帖子积分
会员等级：
键盘一般都没法修的吧，只要不是杂牌的一般都能买的到，就不修了
已认证3480人,距首批认证结束还有天小时分秒，之后每月限时接受认证。
Powered by Discuz! X3.2 -BLicensed
& 2017 Comsenz Inc.君，已阅读到文档的结尾了呢~~
[教学]键盘上的快捷使用方法
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
[教学]键盘上的快捷使用方法
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口渐进增强的键盘导航 - 推酷
渐进增强的键盘导航
创建界面时很重要的一点是，要考虑到那些只依赖键盘来使用产品的用户。这对可访问性来说是基本要求，在多数情况下，通过键盘操作访问也并非难事。这意味着首先，也是最重要的，是使用键盘可访问元素进行交互。
如果希望用户跳转到其他地方，使用带有有效的 href 属性的锚点连接
如果希望用户执行你自己的代码，并在当前文档中停留，使用按钮
几乎可以使所有内容都能通过键盘访问，不过，既然已经有 HTML 元素可以做同样的事情，又何必再麻烦呢。
效果可视化
不过，使用恰当的元素并不那么简单；用户键盘在元素集合中所处的位置，也要显眼一些。给激活的元素加上轮廓（outline），浏览器解决了这个问题。这虽然超有用，但却是一些人的眼中钉，他们希望由自己控制所有交互的视觉展现。在 CSS 中将 outline 属性设置为 none，就能移除这个视觉辅助功能；不过这会带来
，除非你提供一个别的替代。
使用最显眼的 HTML 元素；加上一些 CSS，确保除 hover 之外 focus 状态同样也被定义。这样就可以使用户在列表中的一个个项目间，轻松地通过 tab 来切换了。Shift + Tab 允许回退。可以看下
，HTML 挺简单粗暴的。
&li&&button&1&/button&&/li&
&li&&button&2&/button&&/li&
&li&&button&3&/button&&/li&
&li&&button&20&/button&&/li&
使用列表，为我们的元素赋予了层次结构，以及普通浏览器所没有的可访问性技术的导航方式。它还带来很多 HTML 元素，我们可以自己添加样式。通过一点样式，我们可以将其转换为网格，占用更少的垂直空间，容纳更多内容。
margin: 0;
padding: 0;
list-style:
background:
width: 90%;
height: 30
margin: 5%;
transform: scale(0.8);
transition: 300
button:hover, button:focus {
transform: scale(1);
background:
color: #333;
grid magic by @heydonworks
https://codepen.io/heydon/pen/bcdrl
width: calc(100% / 4);
li:nth-child(4n+1):nth-last-child(1) {
width: 100%;
li:nth-child(4n+1):nth-last-child(1) ~ li {
width: 100%;
li:nth-child(4n+1):nth-last-child(2) {
width: 50%;
li:nth-child(4n+1):nth-last-child(2) ~ li {
width: 50%;
li:nth-child(4n+1):nth-last-child(3) {
width: calc(100% / 4);
li:nth-child(4n+1):nth-last-child(3) ~ li {
width: calc(100% / 4);
，在查看列表的过程中，我们能清楚地看到自己所处的位置。
键盘访问的升级 —— 提供快捷方式
不过，在访问网格时，通过键盘进行两个方向的移动会不会更好呢？
使用一点 JavaScript 做渐进增强，
，可以使用鼠标或方向键访问网格。
不过记着，这仅仅只是一个 增强 。假设 JavaScript 因为各种可能的原因执行失败，依然可以通过 tab 来访问列表，我们失去的只是便利，但至少还有可用的界面。
我将这个打包成了一个小巧、无依赖的开源 JavaScript 项目
上获取代码。你要做的就是调用脚本，传给它一个选择器以获取元素列表。
&ul id=&links& data-amount=&5& data-element=&a&&
&li&&a href=&#&&1&/a&&/li&
&li&&a href=&#&&2&/a&&/li&
&li&&a href=&#&&25&/a&&/li&
&script src=&gridnav.js&& &/script&
var linklist = new Gridnav('#links');
通过列表元素的 data- 属性，可以自己定义每行元素的数量以及键盘可访问的元素。这些是可选的，但设置之后会让代码更快，出错可能性更小。
文件更详细地解释了如何使用。
开始考虑如何做的时候，像任何开发者一样，抓到了最复杂的方式。我以为，需要对父节点、兄弟节点的大量定位比较，使用上
，进行大量的 DOM 访问。
之后我往回走了一步，意识到如何展示列表并不重要。最终不过是一个列表，我们要访问它而已。甚至不需要访问 DOM，因为我们所做的不过是从一堆按钮或锚点连接中的一个切换到另一个。我们要做的就是：
找到当前所在元素（
获取按下的键。
根据键向前向后移动，或跳过一些元素到下一行。
就像这样（
我们需要跳过的元素数量是由每行的元素数量决定的。向上等同于向前 n 个元素，向下相当于向后 n 个元素。
使用一些小技巧，完整代码非常简短：
(function(){
var list = document.querySelector('ul');
var items = list.querySelectorAll('button');
var amount = Math.floor(
list.offsetWidth / list.firstElementChild.offsetWidth
var codes = {
38: -amount,
40: amount,
for (var i = 0; i & items. i++) {
items[i].index =
function handlekeys(ev){
var keycode = ev.keyC
if (codes[keycode]) {
var t = ev.
if (t.index !== undefined) {
if (items[t.index + codes[keycode]]) {
items[t.index + codes[keycode]].focus();
list.addEventListener('keyup', handlekeys);
这里发生了什么？
首先我们获取到了列表元素，并缓存所有可通过键盘访问的元素：
var list = document.querySelector('ul');
var items = list.querySelectorAll('button');
计算每次上下移动需要跳过的元素数量，将列表的宽度除以列表第一个子元素（本例中是 LI）的宽度即可：
var amount = Math.floor(
list.offsetWidth / list.firstElementChild.offsetWidth
相较于 switch 语句或者大量的 if 判断，我更乐意使用查找表。在本例总共，查找表名字是 codes。向上键值为 38，向下 40，向左 37，向右 39。假如我们拿到了 codes[37]，值为 -1，也就是我们要在列表中移动的数量：
var codes = {
38: -amount,
40: amount,
可以使用 event.target 获取按下键盘时列表中的选中元素，但我们不知道它在列表中的位置。为避免重复遍历列表，一次性遍历所有按钮，将它们在列表中的索引存储在按钮自身的 index 属性中。
for (var i = 0; i & items. i++) {
items[i].index =
handlekeys() 完成剩余工作。读取所按按键的键值，然后到 codes 中查找。所以，我们只针对方向键做出响应。接着获取当前的元素，检查其是否有 index 属性。如果有，则检查我们将要移到的位置是否有元素存在。如果元素存在，则获得焦点。
function handlekeys(ev){
var keycode = ev.keyC
if (codes[keycode]) {
var t = ev.
if (t.index !== undefined) {
if (items[t.index + codes[keycode]]) {
items[t.index + codes[keycode]].focus();
给列表绑定一个 keyup 事件监听器，搞定 :)
list.addEventListener('keyup', handlekeys);
如果你想看真实效果，这有一个
视频在最后的代码部分有点 bug，因为我没将 count 属性和 undefined 对比，所以在第一个元素上，键盘功能没法正常工作（0 是 falsy）。
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(282)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_080',
blogTitle:'键盘显示芯片8279 管脚介绍 应用',
blogAbstract:'INTEL8279是一种可编程键盘/显示器接口芯片，它含有键盘输入和显示器输出两种功能。键盘输入时，它提供自动扫描，能与键盘或传感器组成的矩阵相连，接收输入信息。它能自动消除开关抖动并能对多键同时按下提供保护。显示输出时，它有一个16×8位显示RAM，其内容通过自动扫描，可由8或16位LED数码管显示。\r\n8279管脚、引线及功能说明\r\n8279为40列引脚封装，如图7.9.1所示。详细说明如下： \r\nD0~D7（数据总线）：双向、三态总线。用于和系统数据总线相连，在CPU和8279之间传递命令或数据。\r\n',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:5,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}