加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

JavaScript Event进修第十章:一些可替代的变乱对

发布时间:2018-09-10 03:52:24 所属栏目:创业 来源:站长网
导读:为了让我们的JavaScript驱动的页面临那些不能可能不想行使鼠标的用户也能很好的行使,我们对付像mouseover和click这样的变乱做一些处理赏罚,同样的,对付非鼠标变乱也同样的要我们的剧本执行。 测试的范围性 这一章我们规划探求哪些变乱可以用来仿真鼠标变乱。
为了让我们的JavaScript驱动的页面临那些不能可能不想行使鼠标的用户也能很好的行使,我们对付像mouseover和click这样的变乱做一些处理赏罚,同样的,对付非鼠标变乱也同样的要我们的剧本执行。 

测试的范围性

这一章我们规划探求哪些变乱可以用来仿真鼠标变乱。留意这一系列测试不包罗屏幕阅读器。由于我不能满意全部的前提,因此测试也有范围性。这个测试方针仅仅只是那些在图形界面下的赏识器中不行使鼠标的用户。

我假设这些测试一样可以用来在一些移动装备上。由于前提不敷,以是也不能测试。许多时辰在移动装备上示意老是不尽如人意。

总结

不幸的是,我们不能拟定一个严酷的鼠标变乱和非鼠标的一对一的方案,由于非鼠标变乱和鼠标变乱有许多差异。以是下面的提议在大大都场所合用,但不是全部。

下面就是我的测试功效:

1、mouseover:focus
2、mouseout:blur
3、click:不必要匹配
4、dblclick:不知道
5、mousedown:keydown(最不坏的选择)
6、mouseup:keyup(最不坏的选择)
7、mousemove:没有鼠标不行能

假如页面必然必要美满的支持非鼠标用户,那么我们可选择的能应用变乱处理赏罚措施的元素就很是少。现实上就回到了Netscape 3期间,当时辰变乱处理赏罚措施只在链接和表单里才有效。

更多的研究照旧有须要的。

筹备

在大大都的赏识器顶用户可以通过Tab键来飘过整个页面。当他们这样做的时辰,核心就会跳到下一个链接可能表单上。这在IE和Mozilla都可以运作。在Safari内里你必要按F1然后才气激活键盘快捷键。

Opera用户是其它一个体系的。链接上的跳转必要按Ctrl+偏向键。固然是差异的组合,可是我照旧会称其为“Tabbing”。

例子:传统的mouseover
怎样做到呢?起首也是最重要的为mouseover和mouseout的添加两个变乱:

imgs[i].onmouseover = imgs[i].onfocus = mouseGoesOver;<BR>imgs[i].onmouseout = imgs[i].onblur = mouseGoesOut;<BR><BR>

此刻当用户鼠标颠末可能tab颠末期,函数城市被执行。

然而,添加一些变乱照旧不足的。我原始的事变室直接在图像上配置onmouseover和mouseout。不幸的是tab一个图像根基上不行能:tab只对链接和表单有效。以是我必要对把变乱添加的图像的父节点上:链接。

这个简朴的例子不会由于我们的从头注册改变,但更伟大的剧本也许会无法界定会见勾当,譬喻,一个div。

为了担保美满的可用性,我们可以只界说链接和表单的变乱,就像我们再1998年时辰那样干的。固然网上的大部门变乱照旧界说在链接上,不外一个伟大的好比文本编辑的剧本对付非鼠标用户就不行用,由于我们要在上面click。

原文地点:http://www.quirksmode.org/js/events_pairs.html  
作者:北玉(tw:@rehawk)
文章出处:http://beiyu.cnblogs.com

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读