焦点/剪贴板事件

焦点事件

焦点事件发生在元素节点和document对象上面，与获得或失去焦点相关。它主要包括以下四个事件

1. focus：元素节点获得焦点后触发，该事件不会冒泡。
2. blur：元素节点失去焦点后触发，该事件不会冒泡。
3. focusin：元素节点将要获得焦点时触发，发生在focus事件之前。该事件会冒泡。
4. focusout：元素节点将要失去焦点时触发，发生在blur事件之前。该事件会冒泡。

xxxxxxxxxx
var username = document.getElementById("username");
username.onfocus = function(e){
   console.log("获得焦点",e.target.value);
}
username.onblur = function(e){
   console.log("失去焦点",e.target.value);
}

剪贴板事件

以下三个事件属于剪贴板操作的相关事件

1. cut：将选中的内容从文档中移除，加入剪贴板时触发。
2. copy：进行复制动作时触发。
3. paste：剪贴板内容粘贴到文档后触发。

xxxxxxxxxx
var password = document.getElementById("password");
password.oncut = function(e){
    console.log("剪切");
}
password.oncopy = function(e){
    console.log("复制");
}
var email = document.getElementById("email");
email.onpaste = function(){
    console.log("粘贴");
}

实时效果反馈

1. 下列代码，获得输入框焦点触发事件，划横线处应该填写代码是：

xxxxxxxxxx
<input type="text" id="username">

xxxxxxxxxx
var username = document.getElementById("username");
username.___ = function(e){
   console.log("获得焦点",e.target.value);
}

A oncopy

B onblur

C onfocus

D oncut

答案

1=>C