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>

 

你可能感兴趣的:(firefox)