取消页面按钮回车事件

html页面登录按钮
<button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录,请稍候...">登 录</button>
js部分

在回车键按下时,阻止默认行为

$(document).keyup(function (event) {
    if (event.keyCode == 13) {
        event.preventDefault();
    }
});
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的实现: HTML代码: ```html <!DOCTYPE html> <html> <head> <title>加法练习</title> </head> <body> <h1>加法练习</h1> <p id="question"></p> <input type="number" id="answer"> <button onclick="checkAnswer()">提交答案</button> <p id="result"></p> <button onclick="start()">开始练习</button> <button onclick="end()">退出程序</button> </body> </html> ``` JavaScript代码: ```javascript var a, b, answer; var questionElement = document.getElementById("question"); var answerElement = document.getElementById("answer"); var resultElement = document.getElementById("result"); function generateQuestion() { // 生成两个随机数 a = Math.floor(Math.random() * 10); b = Math.floor(Math.random() * 10); // 显示问题 questionElement.innerHTML = a + " + " + b + " = "; } function checkAnswer() { // 获取用户输入的答案 answer = parseInt(answerElement.value); // 判断答案是否正确 if (answer === a + b) { resultElement.innerHTML = "回答正确!"; } else { resultElement.innerHTML = "回答错误!正确答案是 " + (a + b) + "。"; } // 清空输入框 answerElement.value = ""; } function start() { // 生成题目 generateQuestion(); // 显示输入框和提交按钮 answerElement.style.display = "inline"; resultElement.style.display = "inline"; // 隐藏开始练习按钮 event.target.style.display = "none"; } function end() { if (confirm("确定要退出程序吗?")) { window.close(); } } // 监听回车键,自动提交答案 answerElement.addEventListener("keyup", function(event) { if (event.keyCode === 13) { event.preventDefault(); checkAnswer(); } }); // 初始化界面 answerElement.style.display = "none"; resultElement.style.display = "none"; ``` 解释: 1. 首先定义了四个全局变量:a、b、answer分别表示两个随机数和用户输入的答案,以及三个DOM元素的引用。 2. `generateQuestion()`函数用于生成两个随机数,并将问题显示在页面上。 3. `checkAnswer()`函数用于获取用户输入的答案,判断答案是否正确,并将结果显示在页面上。 4. `start()`函数用于开始练习,它会生成题目、显示输入框和提交按钮,并隐藏开始练习按钮。 5. `end()`函数用于退出程序,它会弹出确认框,确认后关闭窗口。 6. 监听回车键,实现自动提交答案。 7. 初始化界面时,将输入框和提交结果的元素隐藏。 效果如下: ![加法练习](https://i.loli.net/2021/06/18/JZuO6X5fzlydUxP.png)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值