按enter执行click或者搜索问题

最近需要将按按钮搜索的功能,改为支持按enter回车键,搜索。

实现按enter,执行click事件还是比较简单的。

//按回车搜索用户
$(window).keydown(function (event) {
//alert("您按了 键");
if (event.keyCode == 13) {
//alert("您按了enter");

// var source = $("#<%=Button1.ClientID %>").click();
document.getElementById("<%=Button1.ClientID %>").click();
return false;
}

});

以上代码就能实现该功能了。

但是实现的时候,发现多次按enter才能搜索到结果,后来被领导提示说是,form表单默认按enter会提交表单,所以很郁闷,因为用了母版页。

跑不出母版页的form 表单,怎么办呢,最后发现在click事件后面返回false,就阻止form表单提交了,最后问题完美解决。

如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。

时间: 2024-08-26 06:23:51

按enter执行click或者搜索问题的相关文章

如何在 Navicat Premium 中执行数据库范围搜索

有好多朋友在使用Navicat Premium12过程中会出现各种各样的问题,到底Navicat Premium 该怎么用呢?小编就如何在 Navicat Premium 中执行数据库范围搜索这一问题,给大家具体讲解一下!Navicat Premium Essentials for mac(数据库管理软件)立即下载Navicat Premium Essentials for mac(数据库管理软件)Navicat Premium 是一套数据库开发工具,让你从单一应用程序中同时连接 MySQL.M

pytest的执行方式及搜索原则

pytest的执行方式 Pytest/py.test(终端,命令行,pycharm可配置pytest方式执行) 1. Pytest –v (最高级别信息—verbose) 2. pytest -v -s filename(输出打印) 3.Pytest-q (静默) 搜索用例原则 1.pytest将在当前目录及其子目录中运行test _ * .py或* _test.py形 式的所有文件. 2.以test_开头的函数,以Test开头的类,以test_开头的方法.所有包 package都要有__ini

Jquery中click事件重复执行的问题

$('#xxx').unbind('click').click(function () { ... }); 每次绑定前先取消上次的绑定. 1.一种方法是弹窗隐藏的时候把弹窗销毁掉:2.一种是把弹窗里面的事件绑定抽离出来,不要让弹窗每次显示的时候都执行click的绑定.当然楼主的解决方案也不错.

解决Button设置disabled后无法执行后台代码问题

一.开始调式下面的程序,发现Button在js中设置disabled后无法执行后台代码(btnsave_Click)问题 <asp:Button ID="btnsave" runat="server" Text="确 定" OnClick="btnsave_Click" OnClientClick="this.disabled = true;alert('提示');" /> 二.有的朋友会认为在

EasyUI基础入门之searchbox&amp;progressbar(搜索框和进度条)

easyui基础部分的学习(八大部分)只剩下searchbox和pargressbar.tooltip了,有点小激动呢.本偏文章将对searchbox和pargressbar做一个学习.鉴于两者的内容都不会太多,这里就直接将之合并在一起啦! searchbox 不用过多解释,只要用于用户对数据的搜索.使用$.fn.searchbox.defaults重载默认值. 依赖组件:菜单按钮. searchbox提示用户输入搜索值.它可以设定一个类别菜单,允许用户选择不同的搜索类别.当用户点击确认按钮时将

EasyUI基础searchbox&amp;amp;progressbar(搜索框,进度条)

easyui学习的基本组成部分(八个部分)硕果仅存searchbox和pargressbar.tooltip该,有一点兴奋.本文将偏向searchbox和pargressbar做一个探讨.鉴于双方的内容不会太多,在这里,直接此事合并! searchbox 不用过多解释,仅仅要用于用户对数据的搜索.使用$.fn.searchbox.defaults重载默认值. 依赖组件:菜单button. searchbox提示用户输入搜索值.它能够设定一个类别菜单,同意用户选择不同的搜索类别.当用户点击确认bu

Android搜索框/滚动视图/notification

1.搜索框(SearchView)的功能与用法 SearchView是搜索组件,其可以让用户在文本框内输入文件,并允许通过监听器监听用户输入.当用户输入完成后提交搜索,可通过监听器执行实际的搜索. 常用方法如下: ◆setIconfiedByDefault(boolean iconified):设置该搜索框默认是否自动缩小为图标; ◆setSubmitButtonEnabled(boolean enabled):设置是否显示搜索按钮; ◆setQueryHint(CharSequence hin

联动切换搜索域

this.listQuery[this.paramsName] = this.paramsValue; <el-select v-model="paramsName" placeholder="搜索项" @change="toggle"> <el-option v-for="item in paramsOptions" :key="item.value" :label="item

vue.js 键盘enter事件的使用

在监听键盘事件时,我们经常需要检查常见的键值.Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: <!-- 只有在 `keyCode` 是 13 时调用 `vm.submit()` --><input v-on:keyup.13="submit"> 记住所有的 keyCode 比较困难,所以 Vue 为最常用的按键提供了别名: <!-- 同上 --><input v-on:keyup.enter="submit"&g