在前端页面开发中,回车事件是必不可少的,让我们一起来看一下。RCw办公区 - 实用经验教程分享!
回车事件代码:RCw办公区 - 实用经验教程分享!
$(function(){RCw办公区 - 实用经验教程分享!
$("body").keydown(function(){RCw办公区 - 实用经验教程分享!
if(event.keyCode == "13"){RCw办公区 - 实用经验教程分享!
alert("点击回车后显示")RCw办公区 - 实用经验教程分享!
}RCw办公区 - 实用经验教程分享!
})RCw办公区 - 实用经验教程分享!
})RCw办公区 - 实用经验教程分享!
RCw办公区 - 实用经验教程分享!
方法/步骤
1新家一个html文件,然后引入jquery库。如图RCw办公区 - 实用经验教程分享!
RCw办公区 - 实用经验教程分享!
2创建回车事件。RCw办公区 - 实用经验教程分享!
在引入的jquery库后面新建一个script>标签,在这个标签里面新建一个加载完成事件,在这个事件内添加回车事件。如图:RCw办公区 - 实用经验教程分享!
代码:RCw办公区 - 实用经验教程分享!
script>RCw办公区 - 实用经验教程分享!
$(function(){RCw办公区 - 实用经验教程分享!
$("body").keydown(function(){RCw办公区 - 实用经验教程分享!
if(event.keyCode == "13"){RCw办公区 - 实用经验教程分享!
alert("点击回车后显示")RCw办公区 - 实用经验教程分享!
}RCw办公区 - 实用经验教程分享!
})RCw办公区 - 实用经验教程分享!
})RCw办公区 - 实用经验教程分享!
/script>RCw办公区 - 实用经验教程分享!
RCw办公区 - 实用经验教程分享!
RCw办公区 - 实用经验教程分享!
RCw办公区 - 实用经验教程分享!RCw办公区 - 实用经验教程分享!
23保存html文件后,使用浏览器打开,按下键盘上的回车按钮,这时就会弹出一个alert弹出框,表示回车事件已成功。RCw办公区 - 实用经验教程分享!
RCw办公区 - 实用经验教程分享!
RCw办公区 - 实用经验教程分享!
RCw办公区 - 实用经验教程分享!RCw办公区 - 实用经验教程分享!
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!RCw办公区 - 实用经验教程分享!