zoukankan      html  css  js  c++  java
  • 用户输入内容小写转大写

    将用户输入的内容中的字母自动转为大写

      1JS

        我写了一个方法,在keyup,keydown和oninput的时候分别调用:

          

      //小写转大写
        function toUpperCase(obj) {
            if($(obj).val()){  //input
                $(obj).val($(obj).val().toUpperCase());
            }else{     //textarea
                $(obj).text($(obj).text().toUpperCase());
            }
        }

        例1:onkeyup='FCLexport.toUpperCase(this)'></textarea>

          

            输入:小明 显示的却是:X+XI+XIA+XIAO+XIAOM

            (相信你已经发现规律了)

            输入:字母  可实现自动转成大写

        例2: onkeydown='FCLexport.toUpperCase(this)'></textarea>

        

          结果:同keyup

        例3:oninput='FCLexport.toUpperCase(this)'></textarea>

        

          结果:同keyup

      2CSS:

          input,textarea{
           text-transform: uppercase;
          }
        

      输入:小明 abc cat

        很不错啊,汉字正常显示,字母变大写,赞,而且之前好像看到说如果能用css解决的就不要用JS,应该是有类似的话的,(#^.^#)

    
    
  • 相关阅读:
    仿360拖拽
    js 鼠标拖拽元素移动
    js 随机生成颜色
    vue多视图
    vue 全局组件的注册
    一键分享到QQ空间、QQ好友、新浪微博、微信代码
    vuex如何管理需要即时更新的全局变量
    js检测是哪个浏览器
    for in,Object.keys()与for of的用法与区别
    js三元运算符
  • 原文地址:https://www.cnblogs.com/em2464/p/7798673.html
Copyright © 2011-2022 走看看