文字框倒敘輸入讓輸入框的焦點始終在最開始的位置

2022-10-07 11:27:09 字數 749 閱讀 5632

所謂的文字框倒敘輸入是指輸入框的焦點始終在最開始的位置,如圖所示,當我輸入123456789時,在輸入框上顯示的是987654321。

為什麼要做這個demo?是因為在專案中遇到了,專案需求是兩個輸入框,乙個正序輸入,另乙個倒敘輸入。 下面我把實現的思路和**寫出來。

文字倒敘輸入:

只要我們保證輸入框的焦點始終在第一位,這樣的話就可以實現每次我們輸入的都在最前面,即倒敘www.cppcns.com

**:function setposition(ctrl, pos) else if (ctrl.createtextrange)

}只要我們將引數pos設為0就可以了。

下面是乙個完整的demo,這個demo實現了正常刪除和倒敘輸入。

另外在附上相關的獲取焦點位置的函式,可能你會用到

function getposition(ctrl)

// firefox support

else if (ctrl.selectionstart || ctrl.selectionstart == '0')

caretpos = ctrl.selectionstart;

return (caretpos);

}總結:

實現了設定和獲取文字輸入焦點,我們就可以做一些其他的特效,比如刪除一整個單詞或者變數等等。

如果你有關於此文的好想法,可以@me,希望此文能夠幫助你!

本文標題: 文字框倒敘輸入讓輸入框的焦點始終在最開始的位置

本文位址:

文字框限制輸入型別的輸入框

最近在開發完乙個專案後,又測試人員測試bug,然後我根據他們測試出來的bug乙個乙個的改,然後就遇到了乙個問題,文字框是用來搜尋,但是,比如這個文字框是用來搜尋年齡的區間,輸入條件的時候,如果輸入了非數字的字元就不能輸入。像這樣的問題,其實可以通過正規表示式來做的,我們開發的專案中是已經有相應的正規...

jquery 前端文字框,限制輸入框文字輸入

在web專案前端開發中,對表單的校驗以及對文字的限制輸入都是必須的。鑑於此,想把文字框限制輸入,都交給統一的指令碼來處理。方法 在需要做文字輸入控制的文字框中加屬性rule屬性,rule屬性值為一正規表示式。然後通過呼叫繫結方法來繫結擁有該屬性的可輸入文字框或文字域,根據rule值限制文字輸入。例如...

tkinter基礎 輸入框 文字框

了解輸入框 文字框的使用方法 利用1製作簡易介面 首先明確上面由幾個元素組成 該介面由介面標題,輸入框 兩個按鈕 文字框組成。該介面我們需要實現的功能 實現 1 import tkinter as tk2 3 windows tk.tk 4 windows.title 輸入框 文字框 5 windo...