javascript - 按键事件不会用 $().load ("page.html") jQuery 激活

Question

这个问题已经有答案了:

why $(window).load() is not working in jQuery? (5 个回答)

已关闭 4 年前。

使用 $(".content").load("Dashboard.html") 后无法与输入交互

示例:
1. 包含div(带有“content”类)的索引页面加载
2. 使用 $(".content").load("Dashboard.html") 将页面加载到该 div 中。
3. $("input").keypress(function(e) {alert("test"); });行不通的。

代码:

// jQuery
$(document).ready(function() {

	$(".content").load("pages/Dashboard.html");
				
	init();
});




function init() {


	$("input").keypress(function(e) {
		alert("1");
	});

	$("input").keydown(function(e) {
		alert("2");
	});


}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div class="content">Dashboard.html with input will show here</div>

感谢您花时间阅读本文!

Answer 1

您没有<input>标签，但您正在使用按键功能调用它。使用document相反:

$(document).keypress(function(e) {
    alert("1");
});

工作片段:

// jQuery
$(document).ready(function() {
  $(".content").load("pages/Dashboard.html");
  init();
});

function init() {
  $(document).keypress(function(e) {
    alert("1");
  });
  $(document).keydown(function(e) {
    alert("2");
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content">Dashboard.html with input will show here</div>