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