在前端开发中，经常需要获取 textarea 中输入的文本信息。本文将介绍如何使用 JavaScript 和 jQuery 获取 textarea 的文本，并提供一些示例代码。
使用 JavaScript 获取 textarea 文本
要获取 textarea 中输入的文本，可以使用 JavaScript 的 value 属性。该属性返回 textarea 中当前输入的文本值。下面是一个简单的示例：
-- -------------------- ---- ------- --------- --------------------------- ------- ----------------------------------------- -------- -------- ----------------- - --- -------- - -------------------------------------- --- ---- - --------------- ------------ - ---------
以上代码创建了一个 textarea 元素和一个按钮，当按钮被点击时，调用 getTextareaText() 函数，该函数从 textarea 元素中获取文本并弹出消息框显示文本内容。
使用 jQuery 获取 textarea 文本
如果你正在使用 jQuery，可以使用 val() 方法来获取或设置 textarea 的文本。下面是一个使用 jQuery 的示例：
-- -------------------- ---- ------- --------- --------------------------- ------- ----------------------------------------- ------- ----------------------------------------------------------- -------- -------- ----------------- - --- ---- - ----------------------- ------------ - ---------
以上代码与前一个示例类似，但使用了 jQuery 库。注意，我们在代码中添加了一个引用到 jQuery 库的 <script> 标签。
深入：使用事件监听器实时获取文本
我们可以使用 value 属性或 val() 方法获取当前 textarea 中的文本，但如果你需要实时获取用户输入的文本，则需要使用事件监听器。下面是一个示例：
-- -------------------- ---- ------- --------- --------------------------- -------- --- -------- - -------------------------------------- ---------------------------------- ---------- - --- ---- - --------------- ------------------ --- ---------
以上代码创建了一个 textarea 元素，并添加了一个监听器来捕获用户输入的文本。每次输入发生时，input 事件都会触发，调用回调函数并将文本值输出到浏览器控制台。
总结
本文介绍了如何使用 JavaScript 和 jQuery 获取 textarea 中的文本。我们还深入了解了如何使用事件监听器来实时获取用户输入的文本。希望这篇文章能够帮助您更好地理解和应用这些技术。
如果您想进一步学习 JavaScript 或 jQuery，请查阅官方文档和在线教程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25600