色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css文本域禁止拖拽

李中冰1年前5瀏覽0評論

在網(wǎng)頁開發(fā)中,文本域是一種常見的表單元素,通常用來輸入多行文本。在默認情況下,用戶可以通過鼠標拖拽文本域來改變其大小,但是在某些情況下,我們可能希望禁止用戶進行此操作。本文將介紹如何使用CSS實現(xiàn)文本域禁止拖拽。

textarea {
resize: none;
}

上述代碼可以用于禁止文本域的拖拽。其中,resize屬性用于設置元素是否可以進行拖拽調(diào)整大小。將其設置為none即可禁止拖拽。

需要注意的是,這種方法只能禁止拖拽調(diào)整大小,而無法禁止文本域內(nèi)容的拖拽。如果需要禁止文本域內(nèi)容的拖拽,需要通過JavaScript來實現(xiàn)。

document.querySelector('textarea').addEventListener('mousedown', function(e) {
if (e.button === 1) {
e.preventDefault();
}
});

上述代碼可以用于禁止用戶通過鼠標中鍵拖拽文本域內(nèi)容。其中,mousedown事件用于監(jiān)聽鼠標按下事件,e.button === 1用于判斷是否為鼠標中鍵,e.preventDefault()用于阻止默認的拖拽行為。

總之,使用CSS可以很方便地禁止文本域的拖拽調(diào)整大小,而禁止文本域內(nèi)容的拖拽則需要通過JavaScript來實現(xiàn)。