zoukankan      html  css  js  c++  java
  • textarea焦点的用法

    1.文本框显示默认文字:


    <textarea>白鸽男孩</textarea> 
    <textarea>白鸽男孩</textarea>
      2.鼠标点击文本框,默认文字消失:


    <textarea onfocus=”if(value==’白鸽男孩’) {value=’ ‘}”>白鸽男孩</textarea> 
    <textarea onfocus=”if(value==’白鸽男孩’) {value=’ ‘}”>白鸽男孩</textarea>
      3.鼠标移至文本框,默认文字消失:


    <textarea onmouseover=”focus()” onfocus=”if(value==’白鸽男孩’) {value=’ ‘}”>白鸽男孩</textarea> 
    <textarea onmouseover=”focus()” onfocus=”if(value==’白鸽男孩’) {value=’ ‘}”>白鸽男孩</textarea>
      4.鼠标点击文本框,默认文字消失,点击文本框外任意区域,默认文字又重现:


    <textarea onfocus=”if(value==’白鸽男孩’) {value=’ ‘}” onblur=”if(value==’ ‘) {value=’白鸽男孩’}”>白鸽男孩</textarea> 
    <textarea onfocus=”if(value==’白鸽男孩’) {value=’ ‘}” onblur=”if(value==’ ‘) {value=’白鸽男孩’}”>白鸽男孩</textarea>
      5.鼠标移至文本框,默认文字消失,鼠标移出文本框,默认文字又重现:


    <textarea onmouseover=”focus()” onfocus=”if(value==’白鸽男孩’) {value=’ ‘}” onmouseout=”blur()” onblur=”if (value==’ ‘) {value=’白鸽男孩’}”>白鸽男孩</textarea> 
    <textarea onmouseover=”focus()” onfocus=”if(value==’白鸽男孩’) {value=’ ‘}” onmouseout=”blur()” onblur=”if (value==’ ‘) {value=’白鸽男孩’}”>白鸽男孩</textarea>
      6.鼠标单击文本框,文本框内任何文字消失(包括默认文字及后来输入的文字):


    <textarea onclick=”value=’ ‘”>白鸽男孩</textarea> 
    <textarea onclick=”value=’ ‘”>白鸽男孩</textarea>
      7.鼠标移至文本框,文本框内任何文字消失(包括默认文字及后来输入的文字):


    <textarea onmouseover=”value=’ ‘”>白鸽男孩</textarea> 
    <textarea onmouseover=”value=’ ‘”>白鸽男孩</textarea>
      8.单击文本框后全选文本框内的文字:


    <textarea onfocus=”select()”>白鸽男孩</textarea> 
    <textarea onfocus=”select()”>白鸽男孩</textarea>
      9.鼠标移至文本框全选文本框内的文字:


    <textarea onmouseover=”focus()” onfocus=”select()”>白鸽男孩</textarea> 
    <textarea onmouseover=”focus()” onfocus=”select()”>白鸽男孩</textarea>
      10.回车后焦点从当前文本框转移到下一个文本框:


    <textarea onkeydown=”if(event.keyCode==13)event.keyCode=9″>白鸽男孩</textarea> 
    <textarea onkeydown=”if(event.keyCode==13)event.keyCode=9″>白鸽男孩</textarea>
      11.回车后焦点从当前文本框转移到指定位置:


    <textarea onkeypress=”return focusNext(this,’指定位置的id名称’,event)”>白鸽男孩</textarea>

    版权声明:本文为博主原创文章,未经博主允许不得转载。

  • 相关阅读:
    课程一(Neural Networks and Deep Learning),第一周(Introduction to Deep Learning)—— 1、经常提及的问题
    递归、字节流、文件复制_DAY20
    IO概述、异常、File文件类_DAY19
    某书2018笔试题之薯券
    某书2018笔试题之翻转数字
    某书2018笔试题之字符串中最大子数字串
    批量发货的启示
    为什么易燥易怒以及柔润相处的练习
    编程漫谈(十五):编程与软件开发
    使用函数式编程消除重复无聊的foreach代码(Scala示例)
  • 原文地址:https://www.cnblogs.com/shipeng22022/p/4614140.html
Copyright © 2011-2022 走看看