首页 > 其他 > 详细

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

时间:2015-12-04 22:34:36      阅读:187      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!