Javascript 如何模拟点击事件_Javascript_Jquery_Html

Javascript 如何模拟点击事件

javascript jquery html

Javascript 如何模拟点击事件,javascript,jquery,html,Javascript,Jquery,Html,我有以下代码： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/tau.css"> <link rel="stylesheet" href="css/style.css"> <script type="text/javascript" src="js/jquery-1.9.1.js"></script> </head>

我有以下代码：

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" href="css/tau.css">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>

</head>
<body onload="clickButton();">
<div class="ui-page" id="page_webkitui">
    <header class="ui-header">
        <h2 class="ui-title">Webkit UI demos</h2>
    </header>

    <div class="sample">

        <input type="time" id="input_webkitui_hiddentime"
            style="visibility: hidden; width: 50px"></input>
        <div>
            Hidden time:
            <button class="ui-btn" id="button_webkitui_hiddendateopener"
                style="display: block" onclick="alertTime()">Open timepicker</button>
            <span id="webkitui_hiddentime_value"></span>
        </div>
        <script>

        function alertTime() {
            alert("fff");
            var btn = document.getElementById("button_webkitui_hiddendateopener"), 
            itime = document.getElementById("input_webkitui_hiddentime"), 
            val = document.getElementById("webkitui_hiddentime_value");
            btn.click();
            btn.addEventListener("click", function(e) {
                        itime.click();
            });
            itime.addEventListener("change",function(ev) {
                        val.innerText = itime.value;
                    });

            }


        function clickButton() {
                $(function() {
                    document.getElementById('button_webkitui_hiddendateopener').click();
                    //$('#button_webkitui_hiddendateopener').click();
                });
        }

            (function() {
                var page = document.getElementById("page_webkitui");
                page.addEventListener(
                                "pagecreate",
function(ev) {
var btn = document.getElementById("button_webkitui_hiddendateopener"), 
itime = document.getElementById("input_webkitui_hiddentime"), 
val = document.getElementById("webkitui_hiddentime_value");
    btn.addEventListener("click", function(e) {
                        itime.click();
            });
    itime.addEventListener("change",function(ev) {
                        val.innerText = itime.value;
                    });
                                });
            }());
        </script>

    </div>
</div>


<script type="text/javascript" src="js/tau.js"></script>
</body>
</html>


Webkit用户界面演示
隐藏时间：
开放式时间选择器
函数alertTime（）{
警报（“fff”）；
var btn=document.getElementById（“按钮”\u webkitui\u hiddendateopener”），
itime=document.getElementById（“input\u webkitui\u hiddentime”），
val=document.getElementById（“webkitui\u hiddentime\u值”）；
点击（）；
btn.addEventListener（“点击”，函数（e）{
itime.click（）；
});
itime.addEventListener（“更改”，功能（ev）{
val.innerText=itime.value；
});
}
函数clickButton（）{
$（函数（）{
document.getElementById（'button_webkitui_hiddendateopener'）。单击（）；
//$（“#按钮_webkitui_hiddendateopener”）。单击（）；
});
}
（功能（）{
var page=document.getElementById（“page_webkitui”）；
page.addEventListener(
“页面创建”，
功能（ev）{
var btn=document.getElementById（“按钮”\u webkitui\u hiddendateopener”），
itime=document.getElementById（“input\u webkitui\u hiddentime”），
val=document.getElementById（“webkitui\u hiddentime\u值”）；
btn.addEventListener（“点击”，函数（e）{
itime.click（）；
});
itime.addEventListener（“更改”，功能（ev）{
val.innerText=itime.value；
});
});
}());

我想在加载我的页面后“强制”单击按钮\u webkitui\u hiddendateopener按钮。。。（计时器选择器通常显示为新窗口）

我实现了两个函数clickButton（）和alertTime（），结果是：只显示ffff警报，但没有显示时间选择器的新窗口

怎么了？提前谢谢

$(document).ready( function() {
   $('#button_webkitui_hiddendateopener').trigger("click");
});

使用触发器

使用触发器

使用触发器

使用触发器

尝试使用

$（“#按钮_webkitui_hiddendateopener”）获取按钮，然后通过btn.trigger（'click'）调用click-答案有点长…尝试使用$（“#按钮_webkitui_hiddendateopener”）获取按钮，然后通过btn.trigger（'click'）调用click-答案有点长…尝试使用$（“#按钮_webkitui_hiddendateopener”）获取按钮，然后通过btn.trigger（'click'）调用click-答案有点长…尝试使用$（“#按钮_webkitui_hiddendateopener”）获取按钮，然后通过btn.trigger（'click'）调用click-答案有点长。。。