2021-11-06 工作记录--LayUI-敲击键盘enter键，仍可以实现搜索

敲击键盘`enter`键，仍可以实现搜索

     // 点击搜索按钮，可以实现搜索$('.demoTable .layui-btn').on('click', function () {var type = $(this).data('type');active[type] ? active[type].call(this) : '';});// 敲击键盘enter键，仍可以实现搜索$(window).on('keyup',function(e){if(e.keyCode==13){var type = $('.demoTable .layui-btn').data('type');active[type] ? active[type].call(this) : '';}});

【
补充
实现敲击键盘enter键的代码如下：

     $(window).on('keyup',function(e){if(e.keyCode==13){// 填敲击键盘enter键后实现的事件}});

】

举例：实现-选择搜索条件后，点击搜索按钮，可以加载表格数据

【图片里鹅黄色部分内容，其余加了下划线的内容也很重要，注意颜色相同的内容相对应】

HTML：

JS：

对应代码：

var $ = layui.$, active = {reload: function () {var demoReload = $('#demoReload');//执行重载var school = tag_school.values.toString();var dement = tag_region.values.toString();var starttime = $('input[name=starttime]').val();var convenient = $('select[name=convenient]').val();var objectPeople = $('select[name=objectPeople]').val();var positionValue = position.getValue().length > 0 ? position.getValue()[0].name : '';table.reload('testReload', {page: {curr: 1 //重新从第 1 页开始}, where: {key: {school: school,dement: dement,objectPeople: objectPeople,name: demoReload.val(),starttime: starttime,convenient: convenient,is_formal: $('select[name=is_formal]').val(),position_name: positionValue}}});}};$('.demoTable .layui-btn').on('click', function () { // 点击搜索按钮，可以实现搜索var type = $(this).data('type');active[type] ? active[type].call(this) : '';});$(window).on('keyup', function (e) { // 敲击键盘enter键，仍可以实现搜索if (e.keyCode == 13) {var type = $('.demoTable .layui-btn').data('type');active[type] ? active[type].call(this) : '';}})

2021-11-06 工作记录--LayUI-敲击键盘enter键，仍可以实现搜索相关推荐

android 软键盘Enter键事件处理
软键盘的Enter键默认显示的是"完成"文本,我们知道按Enter建表示前置工作已经准备完毕了,要去什么什么啦.比如,在一个搜索中,我们输入要搜索的文本,然后按Enter表示要去搜 ...
Qt 界面获取键盘Enter键
在Qt界面如何获取键盘的Enter按键或者数字键盘的Enter按键以下代码亲测有效! void GuiCoordPoint::keyPressEvent(QKeyEvent *event) {swi ...
android软键盘enter键
enter键,回车键,电脑键盘上enter键就有多种响应.android软键盘也不例外你在EditText上输入以后,想在下一行输入框输入,可能需要去点击下一行输入框,让它获取焦点,也可能要隐藏软键 ...
2021.11.06总结
这周一直在刷搜索和dp的题,偶尔碰见dp加搜索的综合题,还打了一场cf,虽然结果不太好,差一点c就出了.自己有点菜,还需慢慢变强 P1052 过河在河上有一座独木桥,一只青蛙想沿着独木桥从河的一侧跳 ...
vue-resource 通过监听键盘Enter键来发送请求，请求失败，Status=cancle(Chrome)
vue的input标签: <input type="search" class="weui-search-bar__input" v-bind:place ...
QML键盘事件之Enter键无响应解决方法
有一个项目用到了条码枪,需要用到Enter键作为换行符来获取完整的字段,一开始用的是如下的做法: Keys.onPressed: { switch(ev ...
JS 监听键盘按键事件以Enter键为例子
实现的功能是用手按键盘Enter键达到点击 js的button确定按钮同样的效果其中js主要代码如下,写在<script></script>里面. keyCode==1 ...
android 模拟回车,Appium模拟键盘Enter解决方法
编写UI自动化时,搜索输入后,模拟键盘Enter键,使用方法androidDriver.pressKeyCode(66),但是实际运行时并没有生效. 解决方法在使用方法androidDriver.p ...
2021.11.22-11.28 AI行业周刊（第73期）：工作的需求
篇章一:工作的需求最近可能到了年底,很多朋友都在蠢蠢欲动,看外面的机会. 微信上最近每天也有几个朋友,和我实时分享他们最新的动态. 发现一个比较有意思的现象:人生不同阶段的人,求职的需求都比较相似. ...

2021-11-06 工作记录--LayUI-敲击键盘enter键，仍可以实现搜索

敲击键盘`enter`键，仍可以实现搜索

2021-11-06 工作记录--LayUI-敲击键盘enter键，仍可以实现搜索相关推荐

最新文章

热门文章