js控制日期选择框datetime-local和select的展开
注: js控制元素展开不受元素css属性的限制,例如opacity,z-index等
1. 使用js控制日期选择框的展开
ios: document.querySelector(".target").focus();
Android: document.querySelector(".target").click();
2.控制select的展开
ios: document.querySelector(".target").focus();
Android: 使用document.createEvent()自定义事件
//将目标select作为参数传入
function open(elem) { if (document.createEvent) { //创建鼠标事件 var e = document.createEvent("MouseEvents"); //初始化鼠标事件 e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); //应用鼠标事件 elem.dispatchEvent(e); } //兼容IE9以下 else if (element.fireEvent) { elem.fireEvent("onmousedown"); }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步