编程 Javascript

js实现文本框中输入文字页面中div层同步获取文本框内容的方法

Posted in Javascript onMarch 03, 2015

本文实例讲述了js实现文本框中输入文字页面中div层同步获取文本框内容的方法。分享给大家供大家参考。具体实现方法如下：

<!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>文本框中输入文字，页面中div层同步获取文本框内容</title>

<style>

textarea{width:300px;height:150px; border:1px solid #CCC; font-size:12px; color:#000;}

p{ padding-left:30px; text-indent:-30px;width:270px;height:250px; border:1px solid #900; margin-top:50px; font-size:12px; color:#F00; line-height:21px; overflow:hidden}

</style>

<script type="text/javascript">

 function SwapTxt()

  {

      var txt = document.getElementById("eml").value;

      document.getElementById("lyny").innerHTML=txt;

  }

</script>

</head>

<body>

  <textarea name="" cols="" rows="" class="loe_hk10" id="eml" onkeyup="SwapTxt()"></textarea>

  <p id="lyny">代码家园提示：请在上面的文本框中输入文字，如3water.com</p>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery插件jFade实现鼠标经过的图片高亮其它变暗

Mar 14 Javascript

JS+CSS实现表格高亮的方法

Aug 05 Javascript

jquery.fastLiveFilter.js实现输入自动过滤的方法

Aug 11 Javascript

SpringMVC返回json数据的三种方式

Dec 10 Javascript

在JS中如何把毫秒转换成规定的日期时间格式实例

May 11 Javascript

JavaScript变量类型以及变量作用域详解

Aug 14 Javascript

Vue上传组件vue Simple Uploader的用法示例

Aug 25 Javascript

vue router自动判断左右翻页转场动画效果

Oct 10 Javascript

微信小程序实现人脸检测功能

May 25 Javascript

webpack + vue 打包生成公共配置文件（域名）方便动态修改

Aug 29 Javascript

jquery实现上传图片功能

Jun 29 jQuery

基于angular实现树形二级表格

Oct 16 Javascript

JS实现文字放大效果的方法

Mar 03 #Javascript

jQuery实现的感应鼠标悬停图片色彩渐显效果

Mar 03 #Javascript

js给网页加上背景音乐及选择音效的方法

Mar 03 #Javascript

分享一则JavaScript滚动条插件源码

Mar 03 #Javascript

深入理解JavaScript系列（35）：设计模式之迭代器模式详解

Mar 03 #Javascript

jQuery选择器之基本选择器与层次选择器

Mar 03 #Javascript

JS实现在网页中弹出一个输入框的方法

Mar 03 #Javascript

You might like

我的论坛源代码(九)

2006/10/09 PHP

PHP array_multisort() 函数的深入解析

2013/06/20 PHP

php设置静态内容缓存时间的方法

2014/12/01 PHP

win平台安装配置Nginx+php+mysql 环境

2016/01/12 PHP

Laravel框架基于中间件实现禁止未登录用户访问页面功能示例

2019/01/17 PHP

浅谈php使用curl模拟多线程发送请求

2019/03/08 PHP

根据出生日期自动取得星座的js代码

2010/07/20 Javascript

js函数模拟显示桌面.scf程序示例

2014/04/20 Javascript

js去除输入框中所有的空格和禁止输入空格的方法

2014/06/09 Javascript

js的回调函数详解

2015/01/05 Javascript

简述jQuery ajax的执行顺序

2016/01/05 Javascript

原生javascript+css3编写的3D魔方动画旋扭特效

2016/03/14 Javascript

js鼠标单击和双击事件冲突问题的快速解决方法

2016/07/11 Javascript

详细讲解JavaScript中的this绑定

2016/10/10 Javascript

JS实现静态页面搜索并高亮显示功能完整示例

2017/09/19 Javascript

js通过Date对象实现倒计时动画效果

2017/10/27 Javascript

详解VUE中常用的几种import（模块、文件）引入方式

2018/07/03 Javascript

JS选取DOM元素常见操作方法实例分析

2018/12/10 Javascript

如何为vue的项目添加单元测试

2018/12/19 Javascript

在小程序中推送模板消息的实现方法

2019/07/22 Javascript

[52:00]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs Optic

2018/04/02 DOTA

[00:30]明星选手化身超级英雄！2018DOTA2亚洲邀请赛全明星赛来临！

2018/04/06 DOTA

发布你的Python模块详解

2016/09/15 Python

Python操作MongoDB详解及实例

2017/05/18 Python

Python简易计算器制作方法代码详解

2019/10/31 Python

在Python中用GDAL实现矢量对栅格的切割实例

2020/03/11 Python

最简单的matplotlib安装教程(小白)

2020/07/28 Python

html Table 表头固定的实现

2019/01/22 HTML / CSS

HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例

2016/02/28 HTML / CSS

购买大码女装：Lane Bryant

2016/09/07 全球购物

Pretty Little Thing爱尔兰：时尚女性服饰

2017/03/27 全球购物

投标邀请书范文

2014/01/31 职场文书

信息管理应届生求职信

2014/03/07 职场文书

2014乡镇干部对照检查材料思想汇报

2014/09/26 职场文书

2015年安全生产工作总结范文

2015/04/02 职场文书

民事辩护词范文

2015/05/21 职场文书