textarea文本框中光标置于行首

最新推荐文章于 2023-04-12 21:29:20 发布

T_Mac|mumu

最新推荐文章于 2023-04-12 21:29:20 发布

阅读量1.7k

点赞数

文章标签： textarea

本文链接：https://blog.csdn.net/T_Mac9334/article/details/84028278

版权

1. js部分

 <script language="javascript">
                                                    
	                                                function setCursorPosition( index) {
	                                                	var elem = event.srcElement;
	                                                    var val = elem.value
	                                                    var len = val.length
	                                                    // 超过文本长度直接返回
	                                                    if (len < index) return
	                                                    setTimeout(function() {
	                                                        elem.focus()
	                                                        if (elem.setSelectionRange) { // 标准浏览器
	                                                            elem.setSelectionRange(index, index)   
	                                                        } else { // IE9-
	                                                            var range = elem.createTextRange()
	                                                            range.moveStart("character", -len)
	                                                            range.moveEnd("character", -len)
	                                                            range.moveStart("character", index)
	                                                            range.moveEnd("character", 0)
	                                                            range.select()
	                                                        }
	                                                    }, 10)
	                                                } 

                                                </script>

index 为光标的位置.

2. body部分

<div class="control-item">
                                                        <textarea rows="3"  ondblclick="setCursorPosition(0)"
                                                                
                                                                  style="font-size:12px; height:60px;"></textarea>
                                                    </div>