首页 > 代码库 > form表单事件
form表单事件
<body>
<input type="text">
<input type="search" class="search">
<script>
// 获得焦点 onfocus
document.querySelector("input").
onfocus = function(){
this.value = "http://www.mamicode.com/长青吴彦祖";
};
// 失去焦点 onblur
document.querySelector("input").onblur = function(){
this.value = "http://www.mamicode.com/wwww";
}
// 输入oninput
document.querySelector("input").oninput = function(){
console.log(this.value);
// 这个和百度搜索差不多
}
// 改变 onchange
document.querySelector("input").onchange = function(){
console.log(this.value);
// 这个是利用敲回车(就是脱离焦点)之后才出现
}
// 文本被选择上 onselect
document.querySelector("input").onselect = function(){
alert("不允许剪切文本");
}
// onsearch 搜索
document.querySelector(".search").onsearch = function(){
console.log(this.value);
// 这个后面会出现"x" 删除之前所打出的文字
}
</script>
form表单事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。