其实,很早之前就写过网页绑定回车事件,今天又是自己的个人博客想升级一个功能,就是直接在文章详情页面可以修改自己的文章标题。
事件:管理员点击文章标题 - 切换成input框 - 编辑标题 - 回车确认并修改标题。看似简单一个功能,主要是为了提升博客的一个交互。这里感谢coding、让我学习到了一种不错的交互方式。
好了,废话不多说了,我们直接上代码了吧。实现有2中方式,方式1在很早的博客文章已经写过。
https://micuu.com/new/334.html
方式1
//回车键绑定登录
$(function(){
document.onkeydown = function(e){
var ev = document.all ? window.event : e;
if(ev.keyCode==13) {
login();
}
}
});
方式2
function change_title() {
var event = arguments.callee.caller.arguments[0] || window.event; //调节浏览器兼容
if(event.keyCode == "13")
{
console.log(9999999999999)
}
}
其实2中方式都是一样的,只是获取事件的方式有点不同而已。