鼠标移入与离开事件:
HTML部分;
<!-- 鼠标移入点击时,文本框内部的内容隐藏,离开文本框时显示内部的文字 -->
<input type="text" value="搜索内容" οnfοcus="txtInput()" οnblur="doInput()"/>
<!-- 调用的函数,鼠标移入与离开时,切记务必要加(),否则不会成立; -->
js内容部分:
// 鼠标移入点击时,文本框内部的内容隐藏,离开文本框时显示内部的文字
var input =document.querySelector('input');
function txtInput(){
if(input.value=='搜索内容'){
input.value='';
}
}
function doInput(){
if(input.value==''){
input.value='搜索内容';
}
}
页面开关:
HTML部分:
<!-- 页面开关 -->
<input type="button" id="dell" value="搜索内容">
js内容部分:
// 页面开关
var input=document.getElementById('dell');
var flag=false;
input.οnclick=function(){
flag=!flag;
if(flag){
document.body.style.background='#000';
this.value.style.color='#fff';
}else{
document.body.style.background='#fff';
this.value.style.color='#000';
}
}