通过js操作select标签的onclick事件

最新推荐文章于 2024-01-21 21:49:16 发布

cheng_zhi

最新推荐文章于 2024-01-21 21:49:16 发布

阅读量1.2k

点赞数

分类专栏： javascript 文章标签： F# HTML

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的下拉菜单键盘导航功能。通过监听键盘事件，当用户按下回车键时，可以激活下拉菜单的选项，并使用键盘的方向键进行选择。这种方法提高了网站的可访问性，使用户能够更方便地操作页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<body>
<head></head>
<select isdown="false"  id=s1 onkeypress="keypress(this)" >  
  <option  >1</option>  
  <option  >2</option>  
  <option  >3</option>  
  <option  >4</option>  
  <option  >5</option>  
  <option  >6</option>  
  <select>  
</body>
<html>
<script>  
var i=0
function keypress(obj){
		if(event.keyCode==13 && document.activeElement.id=="s1"){
			if(i%2==0){
			var f=new ActiveXObject("WScript.SHELL");  
			s1.focus();  
			f.SendKeys("%{DOWN}");			
      	}
		}
	i++;
}  
</script>