js点击控制textarea标签内文本自动换行

 时间:2026-02-13 06:34:24

1、新建一个html文件,命名为test.html,用于实现点击使textarea内的文本自动换行。

js点击控制textarea标签内文本自动换行

2、在test.html页面,创建一个p标签,在p标签里面使用input标签创建一个类型为checkbox的选择框。

js点击控制textarea标签内文本自动换行

3、在test.html页面,再创建一个form表单,并将其name属性设置为editsrc,用于下面获得form对象。在form表单里面使用textarea标签创建一个文本输入框,文本框里面放一段内容,用于测试自动换行。代码如下:

js点击控制textarea标签内文本自动换行

4、给input选择框绑定onclick点击事件,当点击事件被触发时,执行huanhang()函数,将在函数内编写实现自动换行的逻辑。

js点击控制textarea标签内文本自动换行

5、在huanhang()函数内,使用if判断语句,当当前的input选择框被勾选时,设置textarea文本框的wrap属性为hard,即自动换行,textarea内容换行显示。

js点击控制textarea标签内文本自动换行

6、当input选择框再次点击,即不勾选时,textarea的内容在一行显示。因此,在if判断语句的else里,设置textarea文本框的wrap属性为off,即不换行,在一行显示。

js点击控制textarea标签内文本自动换行

7、在浏览器运行test.html文件,查看是否实现功能。

js点击控制textarea标签内文本自动换行

js点击控制textarea标签内文本自动换行

  • js 如何删除某个div下的div元素
  • 如何使用js获取html中的值?
  • 如何在js里设置元素为浮动属性
  • div上下左右居中的方法
  • jquery如何禁止textarea输入内容?
  • 热门搜索
    ppt用什么软件做 不一而足是什么意思 七月十四是什么情人节 trace是什么意思 运动减肥 月光族是什么意思 什么是马赛克 补办身份证需要什么手续 lb是什么 次世代是什么意思