button.click()在IE11下不起作用

时间:2014-07-18 09:13:11

标签: javascript jquery html internet-explorer

我使用以下脚本创建了一个jqx菜单:

<ul style='width: 200px;'>
    <li onclick="logOffButton.click();">Sign off</li>
</ul>

所以我想在&#34; logOffButton&#34;上触发点击事件。一旦用户点击菜单项。按钮的代码:

<form id="logOff" action="www.example.com" method="get">
    <input type="button" id="logOffButton" placeholder="Are you sure you want to log off?" onclick="UserConfirm(this)" style="display: none;" />
</form>

因此,一旦触发了按钮点击,它就会创建一条JS警报消息,如果用户按下OK,则会提交表单。

问题在于,虽然这在Chrome和Firefox下运行良好,但它在IE11下无法正常工作。

完整代码可在此处找到:http://jsfiddle.net/82xhy/1/

2 个答案:

答案 0 :(得分:2)

试试这个: -

替换<li onclick="logOffButton.click();">Sign off</li>
 <li onclick="$('#logOffButton').click();">Sign off</li>

Demo

答案 1 :(得分:0)

基本上你的代码是错的,它适用于chrome和其他浏览器,因为它们试图理解你的意思。 logOffButton.click()指向什么都没有,所以即是如此糟糕,所有人都不明白你的意思。 $('#logOffButton').click();document.getElementById('logOffButton');会解决此问题,因为它们都指向您需要的位置,并且不需要浏览器“猜测”

$('#logOffButton')document.getElementById('logOffButton');都是元素选择器,第一个是jquery,第二个是javascript。