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

新建一个html文件，定名为test.html，用于实现点击使textarea内的文本主动换行。

在test.html页面，建立一个p标签，在p标签里面利用input标签建立一个类型为checkbox的选择框。

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

给input选择框绑心猿意马onclick点击事务，当点击事务被触发时，执行huanhang()函数，将在函数内编写实现主动换行的逻辑。

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

当input选择框再次点击，即不勾选时，textarea的内容在一行显示。是以，在if判定语句的else里，设置textarea文本框的wrap属性为off，即不换行，在一行显示。

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

0 条评论