js 键盘事件 理解
2024-06-09 11:56:29
layui.use(['jquery', 'table', 'layer', 'form'], function () {// 加载layui模块，使用其推荐的【预先加载】方式，详见官网【模块规范】一节var $ = layui.$;var table = layui.table;var layer = layui.layer;var form = layui.form;var table = layui.table;//监听提交form.on('submit(formDemo)', function (data) {$.ajax({url: basePath + 'operator/edit.do',data: data.field,type: 'post',dataType: 'json',success: function (result) {if (result.success) {layer.msg(result.msg);window.location.href = basePath + '/jsp/operator/lot.jsp';} else {layer.msg(result.msg);}},error: function () {console.log("ajax error");}});// 阻止表单跳转return false;});
});function KeyDown() {if (event.keyCode == 13) {event.returnValue = false;event.cancel = true;Form.btnsubmit.click();}
}<%@page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@ include file="/jsp/common.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><base href="<%=basePath%>"><meta charset="utf-8"><title>用户管理</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="description" content="This is my page"><link rel="stylesheet" type="text/css" href="<%=basePath %>js/layui-v2.5.5/layui/css/layui.css" charset="utf-8"><style type="text/css">.container{width: 360px;height: 100px;min-height: 220px;max-height: 220px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;padding: 20px;z-index: 130;border-radius: 8px;background-color: #fff;box-shadow: 0 3px 18px rgba(100, 0, 0, .5);font-size: 16px;}.close{background-color: white;border: none;font-size: 18px;margin-left: 360px;margin-top: -10px;}.layui-input{border-radius: 5px;width: 200px;height: 40px;font-size: 15px;}.layui-form-item{margin-left: -20px;}#logoid{margin-top: -16px;padding-left:150px;padding-bottom: 15px;}.layui-btn{margin-left: -50px;border-radius: 5px;width: 250px;height: 40px;font-size: 15px;}.verity{width: 120px;}.font-set{font-size: 13px;text-decoration: none;margin-left: 120px;}a:hover{text-decoration: underline;}</style>
</head>
<body>
<form class="layui-form" name="Form" action="" method="post"><div class="container"><button class="close" title="关闭">X</button><div class="layui-form-mid layui-word-aux"><label class="effect06 x-box-item effect06-default" id="label-1013"style="font-size: 20px;margin-left: 60px"></label></div><div class="layui-form-item" style="margin-top:80px"><label class="layui-form-label">工号</label><div class="layui-input-block"><input type="text" name="_workId" onkeydown="KeyDown()" id="_workId" required lay-verify="required" placeholder="请输入工号" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item" style="margin-top:30px"><div class="layui-input-block"><button name="btnsubmit" id="btnsubmit" class="layui-btn" lay-submit lay-filter="formDemo">登陆</button></div></div></div>
</form>
<script type="text/javascript" src="<%=basePath %>js/layui-v2.5.5/layui/layui.js" charset="utf-8"></script>
<script>var basePath = "<%=basePath %>";
</script>
<script type="text/javascript" src="<%=basePath %>jsp/operator/index.js?v=20201"></script>
</body>
</html>
js 键盘事件 理解相关推荐
- java怎么实现人物的行走,js键盘事件实现人物的行走
本文实例为大家分享了js键盘事件实现人物行走的具体代码,供大家参考,具体内容如下 描述: 小时候喜欢玩的一个游戏,魔塔,实现了人物的行走,以及跳跃,当然是2D的效果. 用到的图: 效果: 代码: Ti ...
- Vue中键盘快捷键-JS键盘事件
在VUE中键盘快捷键-JS键盘事件 键盘事件 在vue项目中监听键盘事件--keydown 键盘常用键的keyCode值 键盘事件 在 JavaScript 中,当用户操作键盘时,会触发键盘事件,键盘 ...
- 用JS键盘事件来移动图片
开发工具与关键技术: VS 2019/JS 作者:唐嘉怡 撰写时间:2022/4/18 小时候都玩过下水道修理工的游戏吧,那其实是一个很简单的小游戏,用简单的JS技术就可以实现,现在我来示范一下最简单 ...
- js键盘事件中的键码对照表
JS中的键盘事件经常用到,收集了键盘事件对应的键码来分享下: keyCode 对应按键 8 BackSpace BackSpace 9 Tab Tab 12 Clear 13 Enter 16 S ...
- JS键盘事件获取键盘码
JS中的键盘事件 keydown:在键盘上按下某个键时触发.如果按住某个键,会不断触发该事件,但是 Opera 浏览器不支持这种 连续操作.该事件处理函数返回 false 时,会取消默认的动作(如输入 ...
- JS键盘事件(非常详细)
在JavaScript中,当用户操作键盘时,会触发键盘事件,键盘事件主要包括下面3中类型: keydown: 在键盘上按下某个键时触发.如果按住某个键,会不断触发该事件,但是Opera浏览器不支持这种 ...
- JS键盘事件—onkeydown，onkeyup
键盘事件 onkeydown 按键被按下 对于某个按键一直按着不放,则事件会一直触发 当onkeydown连续触发式,第一次和第二次之间会有一个间隔时间,其他之后会非常的快 这种设计是为了防止我们误操 ...
- HTML DOM 事件 —— 键盘事件 JS键盘事件
键盘事件 如果想实现快捷的页面操作,或者是一些前端的游戏,了解键盘事件很重要: onkeydown 某个键盘按键被按下 onkeypress 某个键盘按键被按下并松开 onkeyup 某个键盘按键被松 ...
- JS 键盘事件、触摸事件
一.键盘事件:指当用户在操作键盘的时候会自动被触发的事件 keydown:键盘按下时触发 keypress:键盘按下时触发 功能键无法响应 keyup: 键盘抬起时触发注意: 1.keydown ke ...
最新文章
- 哪些情况下索引会失效？
- OpenCV逻辑回归Logistic Regression的实例(附完整代码)
- 【nginx运维基础(4)】Nginx的日志管理(日志格式与定时分割日志)
- 第三次学JAVA再学不好就吃翔(part5)--基础语法之数据类型转换
- [翻译] RDVTabBarController
- tier1和tier2_数据中心Tier1-Tier2-Tier3-Tier4
- stata基于cox回归制作临床决策曲线
- 电大计算机阅读英语作文,2018年电大作业管理英语4形成性考核册英文写作参考答案英语作文...
- axios请求下载excel文件以及文件乱码问题
- Java内存模型知识点小结---《深入理解Java内存模型》（程晓明）读书总结
- 腾讯投 10 亿在武汉建中部最大研发中心
- JS中1900-2100区间内的公历、农历互转的工具类
- 【离散数学】编程练习：求关系的传递闭包
- SQL Server 为视图或函数 指定的列名比其定义中的列多
- oracle 唯一约束 和 唯一索引
- 《黑客秘笈——渗透测试实用指南》—第1章1.1节搭建渗透测试主机
- Android N中UI硬件渲染（hwui）的HWUI_NEW_OPS(基于Android 7.1)
- 清华大学计算机复试录取率,清华考研非985不要吗 复试淘汰率高不高
- 初学J2ME时，看过的好文章(三)
- 画图用计算机显卡,1分钟看懂显卡显卡绘图原理！