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>

猜你喜欢

转载自blog.csdn.net/T_Mac9334/article/details/84028278