码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-12-04 22:35:32      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

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>

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

标签:

原文地址:http://www.cnblogs.com/phil_jing/p/5020316.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!