input默认选中内容，单击时清楚内容，失去焦点时恢复原来内容

最新推荐文章于 2023-09-15 10:11:55 发布

Web魔法师

最新推荐文章于 2023-09-15 10:11:55 发布

阅读量5.4k

点赞数

分类专栏：前端工具 AngularJs

本文链接：https://blog.csdn.net/lengyuewusheng99/article/details/58584940

版权

AngularJs 同时被 2 个专栏收录

37 篇文章 1 订阅

订阅专栏

前端工具

16 篇文章 0 订阅

订阅专栏

为input添加鼠标属性，οnmοuseοver="this.select()"当鼠标移入时，会默认选中input中的内容。
当在input内单击时，会自动清除里面的内容，当input失去焦点时，又会自动恢复里面的内容：
var inputtext= document.getElementById('input' + number); //获取input的id
inputtext.value = item.executor.fullname; // input中的内容
inputtext.οnclick=function(){
    if ( inputtext.value == item.executor.fullname)
    {
        inputtext.value="";   // 清除input 中的内容


        this.focus();
    }
    inputtext.οnblur=function(){
        if(inputtext.value ==""){

            inputtext.value = item.executor.fullname; // 恢复input 中的内容



        }
    }