如果你希望在一個文本框或文本區(qū)域中光標一直停留在最右邊,那么jQuery提供了一個很好用的方法來實現(xiàn)這個效果。
$(document).ready(function(){ $("#myTextbox").focus(function(){ var val = $(this).val(); $(this).val('').val(val); }); });
上面的代碼做了什么呢?當文本框或文本區(qū)域獲得焦點的時候,它會把里面的值獲取到,并把文本框或文本區(qū)域的值設(shè)置為空。然后再把剛剛獲取到的值重新設(shè)置進去。這樣的話,光標就會停留在右邊了。
我們可以來看一個簡單的例子:
<html> <head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function(){ $("#myTextbox").focus(function(){ var val = $(this).val(); $(this).val('').val(val); }); }); </script> </head> <body> <input type="text" id="myTextbox" value="Hello World!"> </body> </html>
當你點擊文本框的時候,光標會自動跳到文本的最后一位。這樣的效果非常實用,可以讓用戶在輸入時更加方便快捷。