IE11上沒有觸發按鈕點擊功能
[英]Button click function is not triggering on IE11
問題描述
.click（）函數正在除IE11之外的所有瀏覽器上發生。 我想知道IE是否因為使用較舊的JS或JQuery版本而無法支持此方法：
function bindSearchInputToBtn() {
$('#joblist-search-partial #textValue').keyup(function (e) {
//Enter key event
if (e.keyCode === 13 || e.which === 13) {
$('#joblist-search-partial .search-button .btn-primary').click();
}
});
}
IE識別按下輸入按鈕以及按鈕，但似乎無法處理click（）函數。 有沒有解決的辦法？
我在SO上嘗試了其他選項，例如on('click', function()但是沒有成功，並且認為我可能會從錯誤的角度來看它。
JS的新手，可能會遺漏一些簡單的東西。 謝謝！
2 個解決方案
解決方案1
0 2019-05-21 10:21:49
嘗試使用舊學校的javascript方法而不是jQuery 。 jQuery在Internet Explorer可能不知道的場景背后使用了許多新的ES6方法。
function bindSearchInputToBtn() {
$('#joblist-search-partial #textValue').keyup(function (e) {
//Enter key event
if (e.keyCode === 13 || e.which === 13) {
let joblist = document.getElementById('#joblist-search-partial');
let btn-primary = joblist.childNodes[0].childNodes[0] //<-- Assuming that .search-button is the first child of #joblist-search-partial and .btn-primary of .search-button
btn-primary.click();
}
});
}
解決方案2
0 2019-05-21 12:50:22
如果要使用JQuery選擇器為多個Html元素附加javascript事件，則需要在JQuery選擇器之間添加“，” 。 請參考以下代碼：
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function bindSearchInputToBtn() {
$('#joblist-search-partial,#textValue').keyup(function (e) {
//Enter key event
if (e.keyCode === 13 || e.which === 13) {
$('#joblist-search-partial, .search-button, .btn-primary').click();
}
});
$('#joblist-search-partial, .search-button, .btn-primary').click(function () {
alert($(this).val())
});
}
</script>
</head>
<body onload="bindSearchInputToBtn();">
<input id="joblist-search-partial" type="text" /><br />
<input id="textValue" type="text" /><br />
<button class="btn search-button" type="button" value="Search" >Search</button>
<button class="btn btn-primary" type="button" value="Submit" >Submit</button>
</body>
button.click（）在IE11下不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.