プロンプトeasyuiテキストボックスに表示されるいくつかのパスワード変更機能のページでは、通常、最も簡単な方法はプロンプトですが、テキストボックスには、パスワードボックスであるので、それはアスタリスクプロンプトが表示さになったときに、非表示アウトと同じパスワードを入力してください。入力ボックスには、このプロンプトが表示されますフォーカスを取得した場合のみ。
一つの解決策は、オンラインで見つけることがすることです:
ブロック入力タイプ=「パスワード」、追加οnfοcus=入力フォーカス変化型入力ボックス、および入力ボックスプレースホルダメッセージが正しく表示されることがあり、「this.type = 『パスワード』」、削除、それはパスワードボックスであるために、 、問題解決〜
このメソッドは、ネイティブ入力ボックスH5上で使用することができますが、私のeasyuiを使用して、プロジェクトのUIフレームワーク、そして何οnfοcusがないeasyuiテキストボックスのイベントので、インターネットと連動して、いくつかの探査データの後に、私の解決策は以下のとおりです。
1、パスワードからテキストボックスのテキスト、タイプ=「テキスト」へのタイプ
図2に示すように、データ・オプションのイベントが追加されたfοcusイベント:イベント:{フォーカス:関数(){$(この)[0] .TYPE = 'パスワード';}}
これは基本的に表示の問題を解決ではなく、完全に、ユーザーがパスワードを入力しない場合、ユーザは、このイベントの焦点をトリガすると、入力ボックス、その後、他のものの操作に行って、元のように、プロンプトはアスタリスクになり、などこれは、その後のイベントで、次のイベントを追加します。
ぼかし:関数(){IF($(この)[0] .VALUE == ""){$(この)[0] .TYPE = 'テキスト';}}、入力文ボックスのオブジェクトがフォーカスを失っていますユーザーがパスワード、通常のプロンプトを促すことができるテキストに入力ボックスバック、このタイプに入らないとき。
共通のイベントを作るために、ほとんどに、以下に示す、下部構造を変更
JS方法
コードは以下の通りです
<スクリプトタイプ= "テキスト/ javascriptの"> 関数easyuitextfocus(OBJ){ にconsole.log( "フォーカス")。 //console.log(obj); OBJ [0] .TYPE = 'パスワード'; } 関数easyuitextblur(OBJ){ にconsole.log( "ぼかし")。 //console.log(obj); もし(OBJ [0] .VALUE == ""){ OBJ [0] .TYPE = 'テキスト'。 } } </ SCRIPT> の<input type = "text"のクラス= "easyui、テキストボックスのi番目の値"データ・オプション= "プロンプト: '输入原始密码'、 イベント:{フォーカス:関数(){easyuitextfocus($(この))。}、ぼかし:関数(){easyuitextblur($(この))。}}、」