自动点击html按钮

时间:2012-08-27 20:28:56

标签: javascript google-chrome-extension

我正在制作镀铬扩展程序,并且我仍然坚持使用javascript并按下页面上的按钮。我在网站上有这样的网站形式(不是我的,所以我无法编辑它):

 <input class="button" name="accept" type="submit" value=LoggIn">

现在我自动打开填充了用户名和密码的页面,但现在我想要自动点击该按钮。

请求帮助!

编辑:

我有脚本代码:

var tabID = 1;
chrome.tabs.create({index:tabID,url:"https://monostudby4frd.hisf.no:8001/",active:false,pinned:true},
function(tab) {
    tabID = tab.id;
}); 

sleep(3000);
chrome.tabs.executeScript(null, {code:clickButton()});
sleep(3000);

chrome.tabs.getSelected(null, function(tab) {
    chrome.tabs.remove(tabID);
});



function sleep(ms) {
    var dt = new Date();
    dt.setTime(dt.getTime() + ms);
    while (new Date().getTime() < dt.getTime());
}

function clickButton() {
    document.getElementById("accept").click();
}

调试员说:

Uncaught TypeError: Cannot call method 'click' of null

2 个答案:

答案 0 :(得分:1)

按钮输入很简单:inputElem.click()

答案 1 :(得分:0)

您可以使用jquery触发点击事件。

但你不应该真的自动提交表格。

<form onsubmit='doSomething();'>
    <input id="submitButton" class="button" name="accept" type="submit" value="LoggIn">
</form>

<script type="text/javascript">
    function doSomething() {

        console.log("Clicked!");

    }

    $("#submitButton").trigger('click');
</script>