[已解決]JQ複製貼上input,無法清除貼上的文字

jquery input

qpalzm 2020-10-13 11:14:58 ‧ 1617 瀏覽

分享至

如標題,想請問貼上複製的文字貼到input[type=text]中,為甚麼無法用一般的清除文字框的方式清掉貼上的文字?

$("#test").on('paste',function (e) {
            let PasteTxt=e.originalEvent.clipboardData.getData('text');
            console.log(PasteTxt);//有值
            $(this).val("")//無法清除
             console.log($(this).val());
            
        });

額外想問,雖然我可以在input看到文字但為甚麼無法再JQ中抓到VALUE?請問這個是跟複製貼上與實際在INPUT中輸入的機制有不同嗎?謝謝各位解惑

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

通靈亡

iT邦高手 1 級 ‧ 2020-10-13 11:27:43

最佳解答

https://jsfiddle.net/gkxzny19/14/

$('#test').on('paste', function (e) {
    // prevent paste action
	e.preventDefault();
  
	let PasteTxt=e.originalEvent.clipboardData.getData('text');
	$('#test').val('').val(PasteTxt)
});

回應 3
分享
檢舉

qpalzm iT邦新手 1 級 ‧ 2020-10-13 11:31:12 檢舉

您好~謝謝你的回答我覺得我好像沒說清楚,我想在貼上後執行比對的程序,比對完成後會清空INPUT中的文字,這樣要如何清除?因為我有試過
$('#test').val('')還是無法清除文字框的內容

通靈亡 iT邦高手 1 級 ‧ 2020-10-13 11:35:20 檢舉

ke11vin30

$('#test').on('paste', function (e) {
    // prevent paste action
    e.preventDefault();
    
	let PasteTxt = e.originalEvent.clipboardData.getData('text');
    
    if (condition === false) {
        $('#test').val('')
    }
	else {
        $('#test').val(PasteTxt)
    }
});

qpalzm iT邦新手 1 級 ‧ 2020-10-13 11:39:34 檢舉

登入發表回應

japhenchen

iT邦超人 1 級 ‧ 2020-10-13 11:32:48

加一行 e.preventDefault();

$("#test").on('paste',function (e) {
            e.preventDefault();
            let PasteTxt=e.originalEvent.clipboardData.getData('text');
            console.log(PasteTxt);//有值
            $(this).val("")// 可以清除
             console.log($(this).val());            
        });

JSFiddle