您的位置：首页 > 其它

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

2015-11-30 11:19 309 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航