码迷,mamicode.com
首页 > 其他好文 > 详细

form表单事件

时间:2017-03-10 20:47:39      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:value   sea   ons   www   允许   利用   select   text   ext   

<body>
    <input type="text">
    <input type="search" class="search">
    <script>
        // 获得焦点 onfocus
        document.querySelector("input").
                onfocus = function(){
                    this.value = "长青吴彦祖";
                };
        // 失去焦点 onblur
                document.querySelector("input").onblur = function(){
                    this.value = "wwww";
                }
        // 输入oninput
        document.querySelector("input").oninput = function(){
            console.log(this.value);
             // 这个和百度搜索差不多
        }
 
        // 改变 onchange
        document.querySelector("input").onchange = function(){
            console.log(this.value);
            // 这个是利用敲回车(就是脱离焦点)之后才出现
        }
 
 
 
        // 文本被选择上 onselect
        document.querySelector("input").onselect = function(){
            alert("不允许剪切文本");
        }
        // onsearch 搜索
        document.querySelector(".search").onsearch = function(){
            console.log(this.value);
           // 这个后面会出现"x"   删除之前所打出的文字
        }
 
    </script>

form表单事件

标签:value   sea   ons   www   允许   利用   select   text   ext   

原文地址:http://www.cnblogs.com/cntt/p/6532930.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!