React/Vanilla JavaScript: 当使用 onChange 事件产生文本区域的行或行时,事件对象上是否有 属性?
React/Vanilla JavaScript: Is there a property on the event object when using onChange event yielding the line or row of a textarea?
我有一个用 React 制作的文本区域组件:
<Textbox
as="textarea"
type="text"
placeholder="Variable Types"
aria-rowindex={currentRow}
rows="6"
cols="60"
maxLength = "100"
value={variableTypeName}
onPaste={e => handlePaster(e)}
onChange={e => handleChange(e)} >
</Textbox>
它有 line 行号,我想找到 属性(如果它存在)给我当前的行号或行。
我安慰了 event
对象,但它非常大!
提前致谢!
就像评论部分提供的那样,我正在尝试'\n'的选项。
我不知道活动中有 属性。但是,如果在 '\n' 上拆分,然后在每个索引上进行搜索以查看故障是否发生在那里,那么您就会知道带有索引的行号。
你可以拆分行,然后通过.map逐行检查。
const text = `Hello!!
I am on a new line!
and this is the third line`
let lines = text.split('\n');
console.log(lines.map( (item,index) => `${index+1} - ${item}`))
我有一个用 React 制作的文本区域组件:
<Textbox
as="textarea"
type="text"
placeholder="Variable Types"
aria-rowindex={currentRow}
rows="6"
cols="60"
maxLength = "100"
value={variableTypeName}
onPaste={e => handlePaster(e)}
onChange={e => handleChange(e)} >
</Textbox>
它有 line 行号,我想找到 属性(如果它存在)给我当前的行号或行。
我安慰了 event
对象,但它非常大!
提前致谢!
就像评论部分提供的那样,我正在尝试'\n'的选项。
我不知道活动中有 属性。但是,如果在 '\n' 上拆分,然后在每个索引上进行搜索以查看故障是否发生在那里,那么您就会知道带有索引的行号。
你可以拆分行,然后通过.map逐行检查。
const text = `Hello!!
I am on a new line!
and this is the third line`
let lines = text.split('\n');
console.log(lines.map( (item,index) => `${index+1} - ${item}`))