在日常開發(fā)中，經(jīng)常遇到需要輸入多行文本的情況。然而，html的input標(biāo)簽?zāi)J(rèn)是單行文本框，需要使用標(biāo)簽才能實(shí)現(xiàn)多行文本輸入。不過(guò)，在配合jquery使用時(shí)，我們也可以使用一些技巧，在input標(biāo)簽中實(shí)現(xiàn)多行輸入。</p><pre><input type="text" id="multi-line-input"> $('#multi-line-input').keydown(function(e){ if (e.keyCode == 13) { $(this).val($(this).val() + "\n"); } });</pre><p>如上代碼所示，我們先創(chuàng)建了一個(gè)input標(biāo)簽，并為其添加了id屬性。然后，我們綁定了該input標(biāo)簽的keydown事件，當(dāng)用戶輸入回車鍵時(shí)，我們就在輸入框的內(nèi)容末尾添加一個(gè)換行符。</p><p>不過(guò)，上述代碼只能在input標(biāo)簽中實(shí)現(xiàn)換行，實(shí)際上換行符"\n"在HTML中是不被識(shí)別的。如果我們要將輸入框中的內(nèi)容輸出到網(wǎng)頁(yè)中，就無(wú)法正確顯示換行符。這時(shí)，我們需要使用jquery的html()方法。</p><pre>$('#output').html($('#multi-line-input').val().replace(/\\n/g, '<br>'));</pre><p>如上代碼所示，我們首先獲取了id為multi-line-input的輸入框的值，并使用replace方法將其中所有的"\n"替換為HTML中的換行標(biāo)簽<br>。然后，我們將替換后的內(nèi)容輸出到id為output的元素中，這樣就可以正確顯示換行了。</p><p>總之，在使用jquery時(shí)，我們可以通過(guò)監(jiān)聽(tīng)用戶輸入事件并手動(dòng)添加換行符的方式，在input標(biāo)簽中實(shí)現(xiàn)多行輸入。但是，為了保持輸入框的數(shù)據(jù)格式和HTML的一致性，在輸出時(shí)還需要使用replace方法將換行符轉(zhuǎn)化為HTML中的換行標(biāo)簽。</p></div><div id="tdf5nnr" class="share"></div><div id="fz5nxxj" class="Prev_Next"><div id="z55dpt7" class="box">上一篇<a href="http://52shenghuonet.cn/post/918075.html">MySQL主從同步全量備份</a></div><div id="7rxbvvj" class="box">下一篇<a href="http://52shenghuonet.cn/post/1038613.html">css去掉a標(biāo)簽高亮效果</a></div></div></div><div id="l755n5z" class="related related-list"><h5>相關(guān)文章</h5><ul><li><a href="http://52shenghuonet.cn/post/1620588.html">javascript倒計(jì)時(shí)做法</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620587.html">javascript值得學(xué)么</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620586.html">javascript倒正金字塔</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620585.html">javascript保留關(guān)鍵詞</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620584.html">javascript倒計(jì)時(shí)編寫</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620583.html">javascript修改html標(biāo)簽</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620582.html">javascript修改參數(shù)</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620581.html">javascript倒序數(shù)組</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620580.html">JavaScript保存時(shí)修改代碼格式</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620579.html">javascript倒計(jì)時(shí)計(jì)時(shí)器</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620578.html">javascript倆數(shù)相加</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620577.html">javascript信息的封裝</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620576.html">javascript修改cookie</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620575.html">javascript倒序循環(huán)</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1620574.html">JavaScript倒置九九乘法表</a><span>10-19</span></li><li><a href="http://52shenghuonet.cn/post/1358967.html">javascript alter</a><span>07-16</span></li><li><a href="http://52shenghuonet.cn/post/1110179.html">jquery class 嵌套</a><span>05-16</span></li><li><a href="http://52shenghuonet.cn/post/1093956.html">ajax jquery html</a><span>05-20</span></li><li><a href="http://52shenghuonet.cn/post/1114112.html">jquery div 內(nèi)容滾動(dòng)</a><span>05-15</span></li><li><a href="http://52shenghuonet.cn/post/1619260.html">javascript偽協(xié)議 平滑</a><span>10-18</span></li><li><a href="http://52shenghuonet.cn/post/1117856.html">jquery jplay</a><span>05-23</span></li><li><a href="http://52shenghuonet.cn/post/1599774.html">javascript中的變量是什么</a><span>09-30</span></li><li><a href="http://52shenghuonet.cn/post/1108831.html">jquery borderradius</a><span>05-16</span></li><li><a href="http://52shenghuonet.cn/post/1472969.html">javascript 例程</a><span>08-18</span></li><li><a href="http://52shenghuonet.cn/post/1484063.html">javascript 技術(shù)博客</a><span>08-12</span></li><li><a href="http://52shenghuonet.cn/post/1379893.html">javascript ip2long</a><span>07-28</span></li><li><a href="http://52shenghuonet.cn/post/1552903.html">javascriptok</a><span>09-10</span></li><li><a href="http://52shenghuonet.cn/post/1362790.html">javascript bom編程</a><span>07-18</span></li><li><a href="http://52shenghuonet.cn/post/1105274.html">jquery ajaxsetting</a><span>05-16</span></li><li><a href="http://52shenghuonet.cn/post/1379635.html">javascript javaarray</a><span>07-27</span></li></ul></div></div></div></div><div class="5fjrlbn" id="footer"><div id="jrnt7tt" class="copyright"><div id="bl55v9l" class="container"><p>老白網(wǎng)絡(luò) (http://52shenghuonet.cn/) 前端 后端 zblog主題.<a href="http://52shenghuonet.cn/sitemap/post.html">網(wǎng)站地圖</a><a href="http://52shenghuonet.cn/sitemap/post.xml">xml</a></p><span>Powered By Z-BlogPHP</span></div></div></div><div id="xhbbvh7" class="bottom_tools"><a id="scrollUp" href="javascript:;" title="返回頂部"><i class="fa fa-angle-up"></i></a></div><script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script><script src="http://cdn.yzktw.com.cn/zb_users/theme/ydproduct/script/ads.js" type="text/javascript"></script><script src="http://cdn.yzktw.com.cn/zb_users/theme/ydproduct/script/common.min.js" type="text/javascript"></script><script src="http://cdn.staticfile.org/prettify/r298/prettify.min.js" type="text/javascript"></script><script>jQuery(window).load(function(){jQuery("pre").addClass("prettyprint");prettyPrint();});</script><div class="z5fz7th" id="ly_cache" data-id="1116885"></div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://52shenghuonet.cn/" title="色婷婷狠狠18禁久久YY">色婷婷狠狠18禁久久YY</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="bl5bn" class="pl_css_ganrao" style="display: none;"><dfn id="bl5bn"></dfn><video id="bl5bn"><tt id="bl5bn"><big id="bl5bn"><span id="bl5bn"></span></big></tt></video><form id="bl5bn"><output id="bl5bn"></output></form><pre id="bl5bn"><strike id="bl5bn"></strike></pre><meter id="bl5bn"><address id="bl5bn"><p id="bl5bn"><strong id="bl5bn"></strong></p></address></meter><optgroup id="bl5bn"><video id="bl5bn"><em id="bl5bn"><big id="bl5bn"></big></em></video></optgroup><mark id="bl5bn"></mark><mark id="bl5bn"><form id="bl5bn"></form></mark><pre id="bl5bn"><track id="bl5bn"></track></pre><menuitem id="bl5bn"></menuitem><big id="bl5bn"><dl id="bl5bn"></dl></big><acronym id="bl5bn"><style id="bl5bn"></style></acronym><th id="bl5bn"><b id="bl5bn"></b></th><font id="bl5bn"></font><var id="bl5bn"></var><track id="bl5bn"></track><label id="bl5bn"><strong id="bl5bn"></strong></label><strong id="bl5bn"><optgroup id="bl5bn"></optgroup></strong><thead id="bl5bn"><label id="bl5bn"></label></thead><th id="bl5bn"><small id="bl5bn"></small></th><var id="bl5bn"><form id="bl5bn"></form></var><var id="bl5bn"><optgroup id="bl5bn"><output id="bl5bn"><em id="bl5bn"></em></output></optgroup></var><span id="bl5bn"><legend id="bl5bn"><dfn id="bl5bn"><u id="bl5bn"></u></dfn></legend></span><legend id="bl5bn"></legend><label id="bl5bn"><u id="bl5bn"></u></label><listing id="bl5bn"><u id="bl5bn"></u></listing><track id="bl5bn"><tt id="bl5bn"><menuitem id="bl5bn"><span id="bl5bn"></span></menuitem></tt></track><p id="bl5bn"><var id="bl5bn"></var></p><legend id="bl5bn"></legend><mark id="bl5bn"></mark><big id="bl5bn"><dl id="bl5bn"></dl></big><video id="bl5bn"><em id="bl5bn"><big id="bl5bn"><dl id="bl5bn"></dl></big></em></video><label id="bl5bn"><th id="bl5bn"><b id="bl5bn"><meter id="bl5bn"></meter></b></th></label><nobr id="bl5bn"><small id="bl5bn"><ins id="bl5bn"><address id="bl5bn"></address></ins></small></nobr><pre id="bl5bn"></pre><ol id="bl5bn"><pre id="bl5bn"></pre></ol><mark id="bl5bn"><form id="bl5bn"><thead id="bl5bn"><label id="bl5bn"></label></thead></form></mark><mark id="bl5bn"></mark><var id="bl5bn"></var><span id="bl5bn"><legend id="bl5bn"></legend></span><form id="bl5bn"></form><meter id="bl5bn"><address id="bl5bn"></address></meter><p id="bl5bn"><var id="bl5bn"><form id="bl5bn"><output id="bl5bn"></output></form></var></p><var id="bl5bn"><optgroup id="bl5bn"></optgroup></var><form id="bl5bn"><output id="bl5bn"></output></form><b id="bl5bn"></b><tt id="bl5bn"></tt><dfn id="bl5bn"><dfn id="bl5bn"><ruby id="bl5bn"><form id="bl5bn"></form></ruby></dfn></dfn><dfn id="bl5bn"><mark id="bl5bn"></mark></dfn><div id="bl5bn"><ol id="bl5bn"><pre id="bl5bn"><track id="bl5bn"></track></pre></ol></div><big id="bl5bn"><span id="bl5bn"></span></big><small id="bl5bn"><output id="bl5bn"><address id="bl5bn"><div id="bl5bn"></div></address></output></small><var id="bl5bn"><optgroup id="bl5bn"><output id="bl5bn"><em id="bl5bn"></em></output></optgroup></var><sub id="bl5bn"><div id="bl5bn"></div></sub><sup id="bl5bn"><style id="bl5bn"><nobr id="bl5bn"><small id="bl5bn"></small></nobr></style></sup><track id="bl5bn"></track><progress id="bl5bn"><pre id="bl5bn"></pre></progress><mark id="bl5bn"><form id="bl5bn"></form></mark><i id="bl5bn"><track id="bl5bn"></track></i><nobr id="bl5bn"><small id="bl5bn"></small></nobr><font id="bl5bn"><meter id="bl5bn"></meter></font><strong id="bl5bn"></strong><big id="bl5bn"></big><i id="bl5bn"></i><label id="bl5bn"><strong id="bl5bn"><rp id="bl5bn"><font id="bl5bn"></font></rp></strong></label><form id="bl5bn"><ins id="bl5bn"></ins></form><menuitem id="bl5bn"><span id="bl5bn"><legend id="bl5bn"><dfn id="bl5bn"></dfn></legend></span></menuitem><em id="bl5bn"></em><thead id="bl5bn"></thead><strike id="bl5bn"><strong id="bl5bn"></strong></strike><font id="bl5bn"></font><div id="bl5bn"><ol id="bl5bn"></ol></div><dl id="bl5bn"></dl><p id="bl5bn"><var id="bl5bn"></var></p><small id="bl5bn"><ins id="bl5bn"></ins></small><span id="bl5bn"></span><thead id="bl5bn"></thead><span id="bl5bn"></span><dfn id="bl5bn"><ruby id="bl5bn"></ruby></dfn><thead id="bl5bn"><thead id="bl5bn"><sup id="bl5bn"><strong id="bl5bn"></strong></sup></thead></thead><ins id="bl5bn"><pre id="bl5bn"></pre></ins><var id="bl5bn"><optgroup id="bl5bn"><output id="bl5bn"><em id="bl5bn"></em></output></optgroup></var><ins id="bl5bn"></ins><dl id="bl5bn"><i id="bl5bn"><listing id="bl5bn"><dfn id="bl5bn"></dfn></listing></i></dl><dl id="bl5bn"><i id="bl5bn"><listing id="bl5bn"><dfn id="bl5bn"></dfn></listing></i></dl><sup id="bl5bn"><strong id="bl5bn"><th id="bl5bn"><font id="bl5bn"></font></th></strong></sup><form id="bl5bn"><output id="bl5bn"></output></form><pre id="bl5bn"></pre><em id="bl5bn"></em><pre id="bl5bn"><p id="bl5bn"><var id="bl5bn"><form id="bl5bn"></form></var></p></pre><mark id="bl5bn"><form id="bl5bn"></form></mark><ins id="bl5bn"><address id="bl5bn"></address></ins><strong id="bl5bn"><optgroup id="bl5bn"></optgroup></strong><dfn id="bl5bn"><mark id="bl5bn"><form id="bl5bn"><legend id="bl5bn"></legend></form></mark></dfn><menuitem id="bl5bn"></menuitem><address id="bl5bn"></address><progress id="bl5bn"><pre id="bl5bn"></pre></progress><p id="bl5bn"><var id="bl5bn"><form id="bl5bn"><output id="bl5bn"></output></form></var></p><menuitem id="bl5bn"></menuitem><label id="bl5bn"></label><legend id="bl5bn"><sup id="bl5bn"><label id="bl5bn"><th id="bl5bn"></th></label></sup></legend><strike id="bl5bn"></strike><p id="bl5bn"><var id="bl5bn"></var></p><small id="bl5bn"><meter id="bl5bn"></meter></small><small id="bl5bn"></small><nobr id="bl5bn"><small id="bl5bn"><output id="bl5bn"><address id="bl5bn"></address></output></small></nobr><dfn id="bl5bn"><u id="bl5bn"></u></dfn><style id="bl5bn"><var id="bl5bn"></var></style><thead id="bl5bn"><sup id="bl5bn"><strong id="bl5bn"><th id="bl5bn"></th></strong></sup></thead><ruby id="bl5bn"><font id="bl5bn"><legend id="bl5bn"><sup id="bl5bn"></sup></legend></font></ruby><dfn id="bl5bn"><mark id="bl5bn"></mark></dfn><track id="bl5bn"><tt id="bl5bn"></tt></track><sub id="bl5bn"><big id="bl5bn"></big></sub><u id="bl5bn"></u><style id="bl5bn"><nobr id="bl5bn"></nobr></style><b id="bl5bn"><meter id="bl5bn"><pre id="bl5bn"><style id="bl5bn"></style></pre></meter></b><legend id="bl5bn"><acronym id="bl5bn"><label id="bl5bn"><th id="bl5bn"></th></label></acronym></legend><font id="bl5bn"></font><pre id="bl5bn"><style id="bl5bn"></style></pre><output id="bl5bn"><em id="bl5bn"><big id="bl5bn"><dl id="bl5bn"></dl></big></em></output><ol id="bl5bn"><optgroup id="bl5bn"><track id="bl5bn"><tt id="bl5bn"></tt></track></optgroup></ol><div id="bl5bn"></div><div id="bl5bn"></div><pre id="bl5bn"><listing id="bl5bn"><tt id="bl5bn"><mark id="bl5bn"></mark></tt></listing></pre><video id="bl5bn"><sub id="bl5bn"><div id="bl5bn"><ol id="bl5bn"></ol></div></sub></video><font id="bl5bn"><progress id="bl5bn"></progress></font><label id="bl5bn"><th id="bl5bn"><b id="bl5bn"><meter id="bl5bn"></meter></b></th></label><address id="bl5bn"></address><ruby id="bl5bn"></ruby><nobr id="bl5bn"></nobr><style id="bl5bn"><var id="bl5bn"></var></style><nobr id="bl5bn"></nobr><dfn id="bl5bn"><mark id="bl5bn"></mark></dfn><rp id="bl5bn"><font id="bl5bn"></font></rp><dl id="bl5bn"><i id="bl5bn"><listing id="bl5bn"><dfn id="bl5bn"></dfn></listing></i></dl><mark id="bl5bn"></mark><strong id="bl5bn"><optgroup id="bl5bn"></optgroup></strong><div id="bl5bn"></div><rp id="bl5bn"></rp><style id="bl5bn"><var id="bl5bn"></var></style><track id="bl5bn"><em id="bl5bn"></em></track><style id="bl5bn"><var id="bl5bn"></var></style><pre id="bl5bn"></pre><i id="bl5bn"></i><label id="bl5bn"></label><optgroup id="bl5bn"><track id="bl5bn"><em id="bl5bn"><menuitem id="bl5bn"></menuitem></em></track></optgroup><sup id="bl5bn"><style id="bl5bn"><nobr id="bl5bn"><small id="bl5bn"></small></nobr></style></sup><em id="bl5bn"></em><listing id="bl5bn"><dfn id="bl5bn"></dfn></listing><dfn id="bl5bn"><menuitem id="bl5bn"><form id="bl5bn"><thead id="bl5bn"></thead></form></menuitem></dfn></div></html><!--ly_cache 2024-10-04 03:45:38-->