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");
    }