jquery如何实现在input外按下enter和input内按下enter触发不同事件?

在input内按下enter会 alert("enter") 而在input外按下enter键则会使光标跳转到input中。请问这个该怎么用jQuery实现呢?

<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<script>
$(document).ready(function(){
var txt = $(":text");
$(this).keyup(function(e){
        if(e.keyCode == 13)
txt.focus();
});

txt.keyup(function(e){
if(e.keyCode == 13)
alert("enter");
});
});
</script>
  </head>
<body>
<input type="text" />
  </body>
</html>

温馨提示:内容为网友见解,仅供参考
无其他回答

怎样让jQuery回车触发按钮事件
if(e.keyCode == '13'){ console.log("回车")} });\/\/只监听光标在input[name='name']时的按键事件 ("input[name='name']").on("keypress",function(e){ if(e.keyCode == '13'){ console.log("回车1111")} })

在jquery中怎么使用键盘事件
jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是:jquery 代码:1. keydown();2. keyup(); 3. keypress(); keydown()keydown事件会在键盘按下时触发,可以在绑定的函数中欧能够返回false来防止触发浏览器的默认事件. keyup()keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件. ...

在vue.js中如何实现JQuery中的Event trigger?
使用事件修饰符就可以了,比你上面的代码还要简单一些。假设你要给一个input添加事件,并且只能在按下回车时触发,可以这么写:<input :keydown.enter="evt"> 意思是当按下enter键时,触发evt方法。这个在官方文档里就有很详细的例子说明的,所有的按键都可以使用修饰符直接绑定,都不需要你判断是按了...

jquery 文本框按下回车键执行事件 代码如何写?
("#输入框id").keyup(function(){ if(event.keyCode == 13){ \/\/这里写你要执行的事件;} });

jquery中,怎么实现一个按钮按下去不可选了但是按了别的之后又可选_百度...
(function(){ $("input[type='button']").each(function(){ $(this).click(function(){ $(this).attr("disabled", true).prop("disabled", true).siblings().attr("disabled", false).prop("disabled", false); }); });});<form><input type="button" value="a"...

用jQuery怎样控制点击按钮之后在<input>标签后面只添加一个子标签?在...
方法一:你先使用jquery移除掉以前的i标签,然后再次after,应该就可以了 \/\/先创建i标签 var txt1 = "<i><\/i>";\/\/删除以前已经存在的i标签 (".div1").find("i").remove();\/\/追加现在的i标签 (".div1").find("input").after(txt1);方法二:你先在input后面写死一个i标签,然后控制...

jquery判断input内的值变化时触发动作?
如果是html里面写好的就是这样写 ("input元素选择").bind("input propertychange",function(){ \/\/你要触发的函数内容})如果是动态添加的就要这样写 ("父级元素,必须是html里面有的").on("input propertychange","input元素选择",function(){ \/\/你要触发的函数内容})很多时候动态添加的元素...

如何用JS实现一个按钮事件:单击一下时打开对话框,再单击一下时关闭这个...
<body><input type="button" onclick="test()" \/><script type="text\/javascript">var tmp = "";function test(){if(tmp == ""){tmp = window.open("你需要打开的网址");}else{tmp.close();tmp = "";}}<\/script><\/body>这样就能按钮点一下打开,再点一下关闭 ...

前端CSS\/JQUERY 怎么做到点击这个DIV然后它就变成input框并且下面出来...
在div中嵌套一个div,内部的div设置display属性值为none;然后给外面的div设置click事件,点击就让内部的div执行show()事件。html:<div class="wai" style="width:100px;min-height:30px;border:2px solid blue;"> <span>nothing<\/span> <div class="nei" style="display:none;border:1px solid ...

多个input的情况下,在其中一个输入内容,请问怎么让其他几个变成不可...
<head> <script type="text\/javascript"> function abc(obj){ if(obj.value.length>0){ document.getElementById("ids").disabled="true";}else{ document.getElementById("ids").disabled="";} } <\/script> <head> <body> <input type="text" onpropertychange="abc(this)"\/> <input ...

相似回答