實現Input輸入時可清除功能

阿新 • • 發佈：2019-01-07

在一下頁面輸入框中有時會輸入錯誤，這時需要有全部清除功能，下面是我們利用監聽input的狀態從而實現相應功能如下：
1. InputRemoveActivity.java

package com.example.androiddialog;import android.app.Activity;import android.os.Bundle;import android.text.Editable;import android.text.TextWatcher;import android.view.View;import android.view.View.OnClickListener;import 
 android.widget.EditText;import android.widget.ImageView;publicclassInputRemoveActivityextendsActivity{privateImageView ivDeleteText;privateEditText etSearch;@Overrideprotectedvoid onCreate(Bundle savedInstanceState){super.onCreate(savedInstanceState);
                setContentView(R.layout.search); 

                search();}// 搜尋框publicvoid search(){
                ivDeleteText =(ImageView) findViewById(R.id.ivDeleteText);
                etSearch =(EditText) findViewById(R.id.etSearch);
                ivDeleteText.setOnClickListener(newOnClickListener(){publicvoid onClick(View v){
                                etSearch 
.setText("");}});

                etSearch.addTextChangedListener(newTextWatcher(){publicvoid onTextChanged(CharSequence s,int start,int before,int count){}publicvoid beforeTextChanged(CharSequence s,int start,int count,int after){}publicvoid afterTextChanged(Editable s){if(s.length()==0){
                                        ivDeleteText.setVisibility(View.GONE);}else{
                                        ivDeleteText.setVisibility(View.VISIBLE);}}});}}

2. search.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"><RelativeLayoutandroid:id="@+id/rlSearchFrameDelete"android:layout_width="fill_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:background="#f5f5f5"android:padding="10dp"><EditTextandroid:id="@+id/etSearch"android:layout_width="fill_parent"android:layout_height="wrap_content"android:singleLine="true"android:background="@drawable/search_back"android:layout_marginRight="10dp"android:paddingLeft="32dp"android:textSize="12sp"android:hint="請輸入關鍵詞搜尋"/><ImageViewandroid:id="@+id/ivDeleteText"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:src="@drawable/search_delete"android:layout_centerInParent="true"android:paddingRight="20dp"android:visibility="gone"/></RelativeLayout></LinearLayout>

例子所需圖：

執行效果圖：

實現Input輸入時可清除功能

在一下頁面輸入框中有時會輸入錯誤，這時需要有全部清除功能，下面是我們利用監聽input的狀態從而實現相應功能如下：1. InputRemoveActivity.javapackage com.example.androiddialog;import android.app.

js實現input輸入框只能輸入數字的功能（完美測試通過）

<input type="text" style="ime-mode:disabled;" onpaste="return false;" onkeypress="keyPress()" /> function keyPress() { var k

視訊網站開發：Ajax非同步實現搜尋輸入框的提示功能

在我們實際專案的開發中，有時候一個小小的功能，可能都需要考慮很長的時間，因為必須把這個小功儘可能的做好做到極致。我的視訊網站從2018年年初做到現在，已經歷經了多半年的時光。由開始的功能單一，只能實現海量視訊的展示及免廣告播放功能；到現在的花樣

vue:el-input輸入時限制輸入的型別

通過@keyup.native的時間動態監控輸入的型別 1.手機號碼,只能是數字,如果輸入了非數字直接清空 2.身份證號碼,除了Xx和數字其餘的一律清空 3.基於1.2兩種情況下,還有一種是動態建立的欄位(也就是v-for出來的),解決方法:先使用split形成

vue 如何實現 Input 輸入框模糊查詢方法

原理：原生js的indexOf() 方法，該方法將從頭到尾地檢索陣列，看它是否含有對應的元素。開始檢索的位置在陣列 start 處或陣列的開頭（沒有指定 start 引數時）。如果找到一個 item，則返回 item 的第一次出現的位置。開始位置的索引為 0。如果在陣列中沒找到指定元素則返回 -1。下

jquery實現input輸入框實時輸入觸發事件

此文為轉載： [html]view plaincopyprint? <inputid="productName"name="productName"class="wid10"type="text"value=""/> [javasc

Easyui如何實現combotree,輸入文字及時篩選功能

easyui提供的ComboTree元件沒有查詢功能，如果結點多的話很不好找,想要的功能是在ComboTree中輸入文字就顯示出相應關鍵字的結點，有點像自動補全。本來的路是用ComboTreer的onChange事件來做，在值改變的時候把值取出來時進行樹查詢，在把搜尋出來的

input輸入框模糊提示功能

主要用到了jQuery.autocomplete函式，定義好一個數組就可以用這個功能了，很方便。 <!doctype html> <html> <head>

element ui input 輸入時觸發事件

arch 觸發 false search key native put ear mod <el-form-item label="客戶名" :label-width="labelWidth">

移動端 input 輸入框實現自帶鍵盤“搜索“功能並修改X

cancel 文字 webkit 自動 border search 輸入 func 不同主要利用html5的，input[type=search]屬性來實現，此時input和type=text外觀和功能沒啥區別； html代碼入下: <form action=""

03 React快速入門（三）——實現從一個輸入框中新增完資料後此輸入框內容清除的功能

功能描述：我們在一個輸入框輸入內容，然後點選新增按鈕，此輸入框的內容就會新增到頁面上，但是此輸入框中還存在上次輸入的內容，我們想在每次輸入新增完成之後，此輸入框中的內容就會清除，如圖：

jQuery實現當select下拉框內容變化時，input輸入框內容隨之變化

今天實現了一個功能，當select下拉框中的內容發生變化時，input輸入框中的內容隨之發生變化，具體實現方法如下： //繫結change事件，當下拉框內容發生變化時啟動事件 $("#wlms")

限制input輸入類型(多種方法實現)

numbers set 字母 [0 bst 字符限制 urn 運算符號 1.只能輸入和粘貼漢字 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,‘‘)" onbeforepaste="clipboard

Android 帶清除功能的輸入框控件EditTextWithDel

content rect() date textutils cbo class http ng- bottom 記錄下一個非常有用的小控件EditTextWithDel。就是在Android系統的輸入框右邊增加一個小圖標。點擊小圖標能夠清除輸入框裏面的內

iview中使用Tag時進行數據的變化和實現將輸入內容轉化為標簽輸出數組

target spl method handle eof class har ash href 上代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

實現輸入驗證碼的功能

有關 operation password 登陸註冊 def you != 思路實驗題目：實驗思路：首先對java的圖形界面設計和時間處理這兩方面的內容熟悉掌握，一步一步編出各個框進行輸入，調位置，運用事件處理的相關知識進行按鈕的選擇，運

vue中input輸入框的模糊查詢實現

catch let ear ext 模糊通過 then .data words 最近在使用vue寫webapp在，一些感覺比較有意思的分享一下。 1：input輸入框： <input class="s-search-text" placeholder="猜你喜歡我

html5 input輸入實時檢測以及延時優化

class 好用執行函數 change time 鍵盤輸入新的更改頻率有個項目是，這麽個情況，輸入框，實時監測輸入，觸發請求。第一想法是input 上的onchange()方法，試了一下，不好用，是值等更改確認了，才會觸發，不即時。上網查了一下， $("#

css實現發光的input輸入框

none 兼容 charset ima 瀏覽器兼容 bubuko margin oct info 效果圖截圖：案例代碼示下： <!DOCTYPE html> <html> <head> <meta ch

【微信小程式】公共方法實現實時捕捉input輸入

專案中，一個表單中經常有好幾個input，但是微信小程式並不像vue那樣實現雙向繫結，所以我們要自己去實現當用戶輸入的時候，實時獲取使用者輸入的值。方法比較簡單，就兩個步驟。 1.wxml <input data-name='form.base.name

實現Input輸入時可清除功能

相關推薦