html之页面元素印射

首先我遇到了一个问题,尽管不是搞前端开发的但事情交到了我这里就有必要去解决.

而这个问题就是我在这边文本框输入的内容要显示在另一个文本框中其实也是非常简单.但是对于初出茅庐的新手来说就有可能会难倒他。我在这里只做一种解法。需要的就看看,会的也无需嘲笑.

//预览效果
$("input,textarea").on("keyup", function() {
var _val = $(this).val();
var preview_id = $(this).attr("preview_id");
if(!!preview_id){//不为空
//包含数据处理
$("#"+preview_id).html(_val.split("\n").join("<br/>").split(" ").join(" "));
}

});

在这里说的是文本框或者文本编辑框触动keyup事件的时候取到他的值然后去找他所对应的那个印射的文本框然后把值给印射进去.理论上就是这么简单。但我相信。对jquery,或者html不熟悉的人就不好写了.

转载于:https://www.cnblogs.com/wukai/p/5028211.html

html之页面元素印射相关推荐

判断页面元素存在与否
在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在.原因是对一个不存在的元素进行操作是不允许的.例如: document.getElementById(&q ...
java实现页面高效刷新_selenium高效应对Web页面元素刷新的实例讲解
当我们在页面上进行selenium.type()或者selenium.click()操作的时候,往往需要需要等待一个元素的出现,对于一般的网页,当我们进入一个新页面的时候,往往会使用selenium. ...
rspec 测试页面元素_如何使用共享示例使您的RSpec测试干燥
rspec 测试页面元素 by Parth Modi 由Parth Modi 如何使用共享示例使您的RSpec测试干燥 (How to DRY out your RSpec Tests using S ...
css定位页面元素,页面元素定位-CSS元素基本定位
基本定位 """属性定位一 """ # #通过id # driver.find_element_by_css_selector(" ...
使用页面元素属性做状态判断的隐患
在做DHTML开发的时候,依赖一些页面元素的得值来作为页面的状态的判断,初看似乎并没有什么问题.可是在后期的开发和维护中,却是一个随时可能产生莫名其妙bug的隐藏炸弹.如果不小心引爆,那就只有郁闷的份 ...
By.Xpath快速定位页面元素常用方法
先看一看xpath的语法我们将在下面的例子中使用这个 XML 文档. <?xml version="1.0" encoding="ISO-8859-1" ...
Python selenium根据class定位页面元素，xpath定位
Python selenium根据class定位页面元素在日常的网页源码中,我们基于元素的id去定位是最万无一失的,id在单个页面中是不会重复的.但是实际工作中,很多前端开发人员并未给每个元素都编写 ...
ios 底部用定位 fixed。在软件盘出来后，页面元素被顶上去一部分，fixed定位的footer也跑到了上面去。解决方法...
ios 底部用定位 fixed.在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去.解决方法 $("input").focus(function() ...
对Web页面元素的绝对唯一引用方法
我们知道要在Web页面中引用一个HTML元素,最简单的方法就是使用getElementById方法,或其类似的一组getElementsByXxx方法.可是这里需要注意的是,这些方法其实都不能完全绝对 ...
iframe父页面获取iframe子页面的元素与 iframe子页面获取父页面元素
一.在iframe子页面获取父页面元素代码如下:$('#objld', parent.document); 二.在父页面获取iframe子页面的元素代码如下:$("#objid", ...

html之页面元素印射

html之页面元素印射相关推荐

最新文章

热门文章