注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

ㄨiao愛

转载技术文档

 
 
 

日志

 
 

JS实时输出输入框中的内容(HTML js两种方式实现)  

2012-06-29 23:40:14|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>JS监听输入框值的即时变化  小猪站长学院 <a href='http://www.pigzz.com/jscode/index.html'><u>JS代码</u></a>下载 </title>
    <script type="text/javascript">
    function immediately(){
        var element = document.getElementById("mytext");
        if("\v"=="v") {
            element.onpropertychange = webChange;
        }else{
            element.addEventListener("input",webChange,false);
        }
        function webChange(){
            if(element.value){document.getElementById("test").innerHTML = element.value};
        }
    }
    </script>
    </head><body>
    直接写在页面中的示例:
    <input type="text" name="textfield" oninput="document.getElementById('webtest').innerHTML=this.value;" onpropertychange="document.getElementById('webtest').innerHTML=this.value;" />
    <div>您输入的值为:<span id="webtest">还未输入</span></div>
    <br /><br /><br /><br /><br />
    
    写在JS中的示例:
    <input type="text" name="textfield" id="mytext" />
    <div>您输入的值为:<span id="test">还未输入</span></div>
    <script type="text/javascript">
    immediately();
    </script>    <p>小猪站长学院致力于网页标准的传播,提供DIV CSS XHTML等学习教材,标准化的网页代码</p>
    <p>符合W3C标准的网页设计,提供建站资源,设计字体等资源下载的综合性站长学习平台</p>
    <p>你所下载的代码来自<a href="http://www.pigzz.com" _fcksavedurl="http://www.pigzz.com">小猪站长学院</a> ,欢迎下载
    使用</p>
    </body>
    </html>
  评论这张
 
阅读(762)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017