input同步标签内容——函数

html部分：

　　　　<h3 class="font18" id="tit1">微蜂传媒电子商务有限公司</h3>
　　　　<span class="font12"><i class="tp tp-weixind success pr5"></i>微信：<em id="weixin">wefga343463</em></span>
　　　　<span class="font12"><i class="tp tp-qq-e success pr5"></i>QQ：<em id="qq">12334568</em></span>
　　　　<span class="font12"><i class="tp tp-phoned success pr5"></i>手机：<em id="phone">9090909090901</em></span>

 

　　　　<input type="text" id="input1" class="inputs" placeholder="悬浮广告大标题" onpropertychange="txt_same('#input1', '#tit1')" oninput="txt_same('#input1', '#tit1')">

　　　　<input type="text" id="input2" class="inputs" placeholder="填写微信号" onpropertychange="txt_same('#input2', '#weixin')" oninput="txt_same('#input2', '#weixin')">

　　　　<input type="text" id="input3" class="inputs" placeholder="填写QQ号" onpropertychange="txt_same('#input3', '#qq')" oninput=" txt_same('#input3', '#qq')">

　　　　<input type="text" id="input4" class="inputs" placeholder="填写手机号" onpropertychange="txt_same('#input4', '#tit1')" oninput="txt_same('#input4', '#phone')">

 

js部分：函数：

　　　　//同步数据input
　　　　function txt_same(inputId, txtId) {
　　　　　　var txt = $(inputId).val();
　　　　　　$(txtId).text(txt);
　　　　};

 

拓展：（input获取焦点自动填入）

<input type="text" onfocus="if (value == '') { value = 'http://' }" onblur="    if (value == '') { value = 'http://' }" placeholder="请输入个人网址" />

转载于:https://www.cnblogs.com/LChenglong/p/6561483.html