编程 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 相关文章推荐

『JavaScript』限制Input只能输入数字实现思路及代码

Apr 22 Javascript

javascript检测页面是否缩放的小例子

May 16 Javascript

js实现瀑布流的一种简单方法实例分享

Nov 04 Javascript

浅谈jQuery中对象遍历.eq().first().last().slice()方法

Nov 26 Javascript

JavaScript使用push方法添加一个元素到数组末尾用法实例

Apr 06 Javascript

JavaScript实现带箭头标识的多级下拉菜单效果

Aug 27 Javascript

js获取本机操作系统类型的两种方法

Dec 19 Javascript

Eclipse编辑jsp、js文件时卡死现象的解决办法汇总

Feb 02 Javascript

javascript中arguments,callee,caller详解

Mar 16 Javascript

Angularjs中的验证input输入框只能输入数字和小数点的写法（推荐）

Aug 16 Javascript

vue-cli项目配置多环境的详细操作过程

Oct 30 Javascript

vue多页面项目中路由使用history模式的方法

Sep 23 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

javascript支持firefox,ie7页面布局拖拽效果代码

2007/12/20 Javascript

清除网页历史记录，屏蔽后退按钮!

2008/12/22 Javascript

js 页面传参数时参数值含特殊字符的问题

2009/12/13 Javascript

使用SyntaxHighlighter实现HTML高亮显示代码的方法

2010/02/04 Javascript

js类型检查实现代码

2010/10/29 Javascript

JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能

2013/11/03 Javascript

jquery实现全选功能效果的实现代码

2016/05/05 Javascript

代码详解JS操作剪贴板

2018/02/11 Javascript

vue cli3.0 引入eslint 结合vscode使用

2019/05/27 Javascript

Javascript 对象（object）合并操作实例分析

2019/07/30 Javascript

ES6基础之 Promise 对象用法实例详解

2019/08/22 Javascript

bootstrap-paginator服务器端分页使用方法详解

2020/02/13 Javascript

Vue.js中Line第三方登录api的实现代码

2020/06/29 Javascript

[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15

2019/08/17 DOTA

python获得一个月有多少天的方法

2015/06/04 Python

Python的迭代器和生成器

2015/07/29 Python

简单的python协同过滤程序实例代码

2018/01/31 Python

python浪漫表白源码

2019/04/05 Python

python实现二级登陆菜单及安装过程

2019/06/21 Python

pytorch 归一化与反归一化实例

2019/12/31 Python

Python第三方包之DingDingBot钉钉机器人

2020/04/09 Python

tensorflow指定CPU与GPU运算的方法实现

2020/04/21 Python

解决pytorch 模型复制的一些问题

2021/03/03 Python

Lululemon英国官网：加拿大瑜伽服装品牌

2019/01/14 全球购物

农田水利实习自我鉴定

2013/09/19 职场文书

带薪年假请假条

2014/02/04 职场文书

十一酒店活动方案

2014/02/20 职场文书

关于安全的演讲稿

2014/05/09 职场文书

交通安全标语

2014/06/06 职场文书

工作散漫检讨书

2014/09/16 职场文书

志愿者服务宣传标语口号

2015/12/26 职场文书

Java Socket实现多人聊天系统

2021/07/15 Java/Android

mysql自增长id用完了该怎么办

2022/02/12 MySQL

恶魔之树最顶端的三颗果实震震果实上榜,第一可以制造岩浆

2022/03/18 日漫

Tomcat项目启动失败的原因和解决办法

2022/04/20 Servers

Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法

2022/07/07 数码科技