html下拉列表自动打开,HTML SELECT 标签自动显示下拉选项

1.思路：

当拿到这个问题的时候，第一个想法是百度(没啥鸟用，换谷歌吧)。没有找到解决办法。

然后开始尝试触发select的onclick事件，依然没有鸟用。这时候我就开始想select标签的实现，

首先select标签之所以能显示下拉选项，它肯定默认是要监听某个鼠标事件的(你个逗比赞同吗？)。

那么好现在的问题就变成: 怎样找到那个该死的事件。

分析一下: select 标签显示下拉的选项的时候，我们肯定是在select标签上点击了。

也就是说我们触发了MouseClick or MouseDown 事件。

现在问题简单了. mouse click 肯定不行(已经试过了)。

那么只有一个事件了那就是MouseDown.

问题就这样解决了。

Test Select

function showOptions() {

var mouseEvent = new MouseEvent('mousedown',{

'view': window,

'bubbles': true,

'cancelable': true

});

document.getElementById("test").dispatchEvent(mouseEvent);

}

html下拉列表自动打开,HTML SELECT 标签自动显示下拉选项相关推荐

windows制作定时关机脚本_自动关机、自动打开程序… 让Windows自动执行任何操作...
文章转载于网络,侵删 Windows 中有一个非常棒的功能,叫做"任务计划程序",但是因为它的界面看起来有点复杂,导致很少有人使用它. 其实对于任何人而言,"任务计划程序 ...
播放器可以完成：开机自动打开指定网页，自动运行浏览器打开指定的网页。
播放器可以完成:开机自动打开指定网页,自动运行浏览器打开指定的网页. 设计要求: 1.通电自动开机,无需操作自动运行浏览器 2.自动打开指定的网站(网页). 3.客户可以远程修改网页,达到所有的电视机 ...
解决在 IntelliJ IDEA 中，输入代码时突然不会自动显示下拉框提示
解决在 IntelliJ IDEA 中,输入代码时突然不会自动显示下拉框提示笔者的运行环境: IntelliJ IDEA 2020.1.2 (Ultimate Edition) JDK 13.0.2 ...
php 下拉框默认选中,select标签设置默认选中的选项方法，select标签
select标签设置默认选中的选项方法,select标签方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. < select id = &qu ...
java select 下拉选项框option定位_java select 下拉选项框opt
java select 下拉选项框opt [2021-02-05 09:44:01] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace( ...
java如何读取下拉列表的值_java - 如何在Selenium 2中选择/获取下拉选项
java - 如何在Selenium 2中选择/获取下拉选项我正在将我的selenium 1代码转换为selenium 2,并且无法找到在下拉菜单中选择标签的任何简单方法或获取下拉列表的选定值. 你 ...
微信小程序下拉框插件_微信小程序自定义select下拉选项框组件的实现代码_清玖_前端开发者...
知识点:组件,animation,获取当前点击元素的索引与内容微信小程序中没有select下拉选项框,所以只有自定义.自定义的话,可以选择模板的方式,也可以选择组件的方式来创建. 这次我选择了组件, ...
select下拉选项禁用
如果我们要实现如下效果,让下拉选项提示项"请选择"不可选实现代码为: <select><option disabled value=""&g ...
element UI select下拉选项位置问题
element UI select下拉选项位置问题在使用elementUI下拉选项时,可能存在下拉时下拉列表选项框的位置距离下拉框所在的位置距离过大,这个是由于elementUI自己设置的根据下拉框 ...

html下拉列表自动打开,HTML SELECT 标签自动显示下拉选项

html下拉列表自动打开,HTML SELECT 标签自动显示下拉选项相关推荐

最新文章

热门文章