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

    }