jquery - jQuery 不适用于 JSP

Question

我是 jQuery 新手，刚开始学习，我在 jquery 中编写了这个最简单的代码，但它不起作用

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>$(document).ready(function(){
alert("hello"); 
$('#_divTxtmyName_combo').keypress(function(event){alert("HI Samantha");})});
</script>

谁能告诉我我做错了什么？

Answer 1

它可能将“#_divTxtmyName_combo”视为无效，因为元素的 id 以“_”开头。

尝试修改一次，并在正文部分的末尾包含您的 java 脚本文件，并检查它是否正常工作。

Answer 2

您想为您的 div 内的标签触发按键事件。我在这里使用 div 内的文本框。尝试这个

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
alert("hello"); 
$('#_divTxtmyName_combo').keypress(function(event){alert("HI Samantha");})});
</script>


<div id="_divTxtmyName_combo">
<input type="text" />
</div>

在这里，按下文本框中的任何键都会触发事件。

Answer 3

通常，您必须在输入标签中使用按键事件，而不是使用 div 标签。

如果您需要 div 标签的按键事件，那么您必须使用 tabindex 属性

这是代码

<div id="#divTxtmyName" tabindex="1">      
    <p>    Lorem ipsum dolor sit amet, facilisis donec aliquam integer, cursus nulla metus. Libero neque feugiat in veniam nec, rutrum eros nec, penatibus amet ut accumsan. Quam ac nisi sempe

        </p>
</div>

jQuery代码：

$(function() {

$("#divTxtmyName")
    .on("keypress", keyAction)                           
}); 

function keyAction() {
            alert('hi');
        }

示例在这里 --->单击此处例如