首頁(yè) 猿問(wèn) 文本區(qū)域，刪除最后一段

文本區(qū)域，刪除最后一段

JavaScript

藍(lán)山帝景 2023-10-20 15:06:28

我想從文本區(qū)域中刪除最后一段，但我的腳本只能運(yùn)行一次 - 有沒(méi)有辦法在每次單擊按鈕時(shí)刪除最后一段？<!DOCTYPE html><html><body><textarea id="V1" rows="17" cols="65">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tincidunt scelerisque libero. Sed convallis magna eu sem. Pellentesque sapien. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Integer imperdiet lectus quis justo. Et harum quidem rerum facilis est et expedita distinctio. Duis viverra diam non justo. Aliquam erat volutpat. Aenean placerat. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. In convallis.</textarea><button onclick="remove()">Remove</button><script>function remove() {var elem = document.getElementById('V1'),val = elem.value.split(/(?:\r\n|\r|\n)/g);val.pop();elem.value = val.join('\r\n') + ('\r\n');}</script></body></html>

查看完整描述

4 回答

慕哥6287543

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊

\r\n您最后要添加一個(gè)序列。后續(xù)調(diào)用只會(huì)刪除該部分。如果你省略這個(gè)并修剪文本，它應(yīng)該可以工作：

<!DOCTYPE html>

<html>

<body>

<textarea id="V1" rows="17" cols="65">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tincidunt scelerisque libero. Sed convallis magna eu sem. Pellentesque sapien.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Integer imperdiet lectus quis justo. Et harum quidem rerum facilis est et expedita distinctio. Duis viverra diam non justo.

Aliquam erat volutpat. Aenean placerat. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. In convallis.</textarea>

<button onclick="remove()">Remove</button>

function remove() {

var elem = document.getElementById('V1'),

val = elem.value.split(/(?:\r\n|\r|\n)/g);

val.pop();

elem.value = val.join('\r\n').trim();

}

</script>

</body>

</html>

反對(duì) 回復(fù) 2023-10-20

慕桂英546537

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊

這可以使用該方法來(lái)完成filter()。刪除后，行之間的間距將保留。

function remove() {

var elem = document.getElementById('V1'),

val = elem.value.split(/(?:\r\n|\r|\n)/g).filter(function(i){

return i;

});

val.pop();

elem.value = val.join('\n\r');

}

<textarea id="V1" rows="17" cols="65">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tincidunt scelerisque libero. Sed convallis magna eu sem. Pellentesque sapien.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Integer imperdiet lectus quis justo. Et harum quidem rerum facilis est et expedita distinctio. Duis viverra diam non justo.

Aliquam erat volutpat. Aenean placerat. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. In convallis.</textarea>

<button onclick="remove()">Remove</button>

反對(duì) 回復(fù) 2023-10-20

MYYA

TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊

<!DOCTYPE html>

<html>

<body>

<textarea id="V1" rows="17" cols="65">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tincidunt scelerisque libero. Sed convallis magna eu sem. Pellentesque sapien.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Integer imperdiet lectus quis justo. Et harum quidem rerum facilis est et expedita distinctio. Duis viverra diam non justo.

Aliquam erat volutpat. Aenean placerat. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. In convallis.</textarea>

<button onclick="remove()">Remove</button>

function remove() {

var elem = document.getElementById('V1'),

val = elem.value.split("\n");

val.pop();

elem.value = val.join("\n");

}

</script>

</body>

</html>

反對(duì) 回復(fù) 2023-10-20

交互式愛(ài)情

TA貢獻(xiàn)1712條經(jīng)驗(yàn) 獲得超3個(gè)贊

您必須使用filter空字符串，因?yàn)?code>pop要?jiǎng)h除數(shù)組的最后一項(xiàng)，但有時(shí)您的最后一項(xiàng)是這樣的：""

為了實(shí)現(xiàn)這一點(diǎn)，我使用了雙爆炸或!!?它根據(jù)值返回一個(gè)布爾值。

因此，我添加了 +1\r\n以join保留空行。

function remove() {

? var elem = document.getElementById('V1');

? var val = elem.value.split(/(?:\r\n|\r|\n)/g).filter(paragraph => !!paragraph);

? val.pop();

? elem.value = val.join('\r\n\r\n');

}

反對(duì) 回復(fù) 2023-10-20

4 回答
0 關(guān)注
204 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書(shū)簽

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

文本區(qū)域，刪除最后一段

文本區(qū)域，刪除最后一段

4 回答

添加回答