欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于回车直接执行事件的方法

程序员文章站 2022-07-08 09:34:33
...

1.form表单实现

 

<html>
<form name="f1" method="post" action="login.asp">
用户名:<input type="text" name="fuser"><br>
密码:<input type="password" name="fpwd"><br>
<input type="submit" name="b1" value="提交">
</html>


2.jQuery触发事件

 

 

<div>
  <input type="text" id="search" name="search" size="28"/>
  <button id="go">GO</button>
</div>
<div id="result" class="result"></div>

<script type="text/javascript">
$(document).ready(function(){
    var txt = $(":text");
    $(this).keyup(function(e){  	
        if(e.keyCode == 13){
           txt.focus();
        }   
    });
	
    txt.keyup(function(e){
    if(e.keyCode == 13){
    	$("#go").click();
    }	
    });
});

$(document).ready(function() { 
    $("#go").bind('click',function(){ 
	var search = $("#search").val();		
	var resultmsg = "Your are searching text"+"<b>"+'\"'+search+'\"'+"</b>";	
	$("#result").html(resultmsg);
	$("#search").val(""); //clear search text	
    }); 
});
</script>