IE Firefox Safari 下 通过Div“隐藏”设置Accesskey的submit input

实现效果： 进入页面后 通过快捷键  如Alt+C 调用相关的隐藏按钮 实现功能操作

 

正常情况下 设置 button => input type="submit" accesskey="字母" 即可

目前的需求是 该快捷按钮需要隐藏

 

简单的使用的Display:none  Width="0px" 来隐藏按钮 

都不能兼容IE Firefox Safari

所以通过变通方法 通过div来包含“隐藏”相应的快捷按钮

具体实例代码如下：通过快捷键a 来触发隐藏按钮的js事件 弹出alert

<html>
<head>
<style>
.aaa{
 margin:0;
 padding:0;
 width: 0px;
 height:0px;
 overflow:hidden;
 float:left;
 }
</style>
</head>
<body>
中间隐藏<div class="aaa"><input type="submit" accesskey="a" value="aaaa" onclick="alert('aaa');"  class="aaa"></input></div>按钮
</body>
</html>

 

posted on 2013-07-22 17:41  freeliver54  阅读(569)  评论(0)  编辑  收藏  举报

导航