Axure rp8.0設置文本域的獲取焦點和失去焦點事件

2020-12-13 源碼時代

在左邊的元件庫裡面找到文本框拖入到右邊的便可I區域裡面，並雙擊修改你面的文本"請輸入你想查找的內容"

選擇文本框選擇右邊屬性裡面獲取焦點事件--並添加條件判斷文本框內是否有值的情況

當條件設立成功後判斷獲取焦點文本框裡面的值，如果是顯示的"請輸入你想查找的內容"就清空，反之如果當獲取到焦點后里面是自己重新輸入的元件文字的話就顯示元件文字。

失去焦點 雙擊失去焦點時--添加判斷條件

設置文本內容，同樣兩種判斷，如果當前文本框在失去焦點的時候，裡面沒有默認顯示文本 那麼值設置"請輸入你想查找的內容"，反之如果在失去焦點文本框時，當前文本框裡面有顯示輸入文本的話就顯示當前元件文字。

點擊F5在默認瀏覽器預覽效果

相關焦點

  • 【視頻教學】遊戲策劃視頻教學第三講:Axure如何設計UI
    ，比如：文本框的話，可以添加注釋指出輸入字符長度不能超過20。　　內部框架　　用於在頁面中嵌入其他頁面的axure元件，可以設置好大小後雙擊它，指定要嵌入的頁面。框架可以通過編輯選項取消滾動條，應用場景多見於網站後臺原型和移動網際網路產品原型。
  • 失去焦點 - CSDN
    一、背景      博主之前在用vue的獲取焦點，失去焦點的時候，出現了@blur和@focus無效的情況。當時百思不得其解。今天又在寫vue頁面的時候，突然@blur和@focus又好用了。
  • Axure交互之事件、用例和動作
    一個原型有多少交互行為取決於用戶和目標，有時候用戶需要進行測試或先行體驗產品的效果，你就必須做出高保真，儘可能的貼近最終目標，有時候為了儘快的做出想要的效果，可以減少相應的交互。Axure RP的交互主要有三個方面，事件、用例、動作。接下來就從這三個方面進行學習。
  • 用Axure 8.0打造自定義比例計算器
    下面就是我們要的效果：看似簡單，只需要設置計算比例不就好了嗎？（如果這樣想你就大錯特錯了！）實踐出真知！設第一個面板為寬度輸入，第二個為高度輸入並給按鈕統一設置選項組名稱（1）給比例按鈕添加事件事件a：添加條件面板狀態處於寬度輸入時，如果輸入的是寬度，那麼設置比例按鈕選中狀態為true；並將第二個面板高度輸入文本框設為（寬度輸入/比例）；添加一個全局變量widthvalue，用來臨時存儲輸入的寬度值；
  • javascript 元素獲取焦點專題及常見問題 - CSDN
    這並不是最有意思的地方，最有意思的地方是他可以觸發該元素的  相應  事件；接下來來舉個慄子：　　　　　　　&input type="text" id="name"/> <button id="btn">點擊獲取焦點
  • 高考數學考題:橢圓的一個頂點和一個焦點,則該橢圓的離心率?
    高考數學考題：直線l經過橢圓的一個頂點和一個焦點，若橢圓中心到l的距離為其短軸長的1除以4，則該橢圓的離心率為（　　）如何解答？離心率統一定義是動點到焦點的距離和動點到準線的距離之比。離心率統一定義是動點到左（右）焦點的距離和動點到左（右）準線的距離之比。
  • Axure文本框中任意位置插入字符
    因為，最關鍵的地方是獲取光標在文本框中的位置。如果你不懂JS，也沒關係，複製到自己的項目中使用還是可以的。在這裡，我簡單的描述一下實現的思路和過程。1、頁面打開時，獲取文本框元件的控制權；2、滑鼠點擊文本框時，我們需要獲取到光標所在位置，並且將位置保存到全局變量中（保存在某個元件的文本中也是可以的）；3、在點擊數字進行輸入時，截取光標位置之前和之後的文本與按鈕的文本（數字）進行連接，形成輸入後的數字組合；4、每次按數字「0」的按鈕時，略有不同，如果如果光標位置不再第一個字符之前（即位置大於
  • Axure Pro 8製作產品需求文檔
    第一次使用Axure Pro 8來編寫產品需求文檔，有點小雞凍。主要是參考人人都是產品經理的相關文章Axure製作PRD（產品需求文檔）設計教程。然後自己也邊研究使用Axure Pro然後邊編寫產品文檔。
  • input獲取到焦點 vue - CSDN
    在使用 iview 的 render 渲染函數時，我們動態生成的 Input 輸入框，自動獲取焦點時，只能第一次獲取到焦點，我們可以使用原生的 js 獲取焦點，使用ref 無效，原因未知。
  • Axure RP8 中繼器:欄位增刪改
    剛從Default元件庫拖出中繼器內默認有一些默認的元件和設置，我們需要對中繼器做一些處理，點擊中繼器，右側它的屬性頁，刪除第一、二行，保留第三行（為什麼保留第三行呢，因為需要頁面載入時有一個初始的欄位）。然後雙擊中繼器進入中繼器編輯頁面,把矩形框刪掉，在中繼器內放入我們需要的元件，做好元件命名。最後返回原頁面，準備製作交互了。
  • 文本框的屬性和事件
    顧名思義，文本框就是用來輸入文本的。我們新建一個窗體，拖進來一個文本框，然後按F4，就可以看到他常用的屬性了。當然，如果要全面了解文本框，就直接在VBE界面，按F2，調出對象查看器，然後在輸入框裡直接輸入TextBox，就可以查看到TextBox對象所具有的所有屬性，方法和事件了。常用屬性Enabled用來設置當前控制項是否可用。
  • Axure教程:原型設計之轉盤抽獎
    這一章就教大家如何使用axure原型工具製作轉盤抽獎原型。第一步：拖拉擺放好相關控制項1、轉盤：300X300的白底黑框圓形，一條垂直線、一條45度垂直線、一條水平線、一條45度水平線，四線交叉組合居中放於白底黑框圓形上方，將白底黑框圓形等分切割成八份，每一份放一個文本標籤，文本標籤的文字角度可通過鍵盤微調適當即可，文本標籤的文字有三個分別是「一等獎」，「二等獎」和「三等獎」，其餘的皆為「謝謝惠顧」，將以上元件組合併命名為「轉盤」
  • Axure教程:轉盤抽獎交互原型
    本文跟大家分享，如何使用axure製作轉盤抽獎交互原型，不帶登錄流程。（2）剩餘次數數字為單獨的文本標籤，這樣方便對數字進行運算。數字3命名為：cishu（3）抽獎結果動態面板拆分說明抽獎結果動態面板包含四個面板狀態，並分別對應轉盤上的四個獎項。動態面板命名為：jiangpin，默認設置隱藏。
  • android audio 焦點專題及常見問題 - CSDN
    音頻焦點機制規定某一時刻只能有一個應用獲取到聲音的焦點，這個時候就可以發出聲音。當然，在這個應用獲取到焦點之前，需要通知其他所用的應用失去焦點。AudioManager.AUDIOFOCUS_GAIN)requestAudioFocus方法有三個參數 第一個參數：OnAudioFocusChangeListener ，此為一個監聽控制器，通過這個監聽器可以知道自己獲取到焦點或者失去焦點。
  • androidaudio焦點專題及常見問題 - CSDN
    音頻焦點機制規定某一時刻只能有一個應用獲取到聲音的焦點，這個時候就可以發出聲音。當然，在這個應用獲取到焦點之前，需要通知其他所用的應用失去焦點。AudioManager.AUDIOFOCUS_GAIN)requestAudioFocus方法有三個參數 第一個參數：OnAudioFocusChangeListener ，此為一個監聽控制器，通過這個監聽器可以知道自己獲取到焦點或者失去焦點。
  • 輸入框焦點 - CSDN
    ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <meta charset="utf-8"
  • 《前端5分鐘》之使用純css實現網站換膚和焦點圖切換動畫
    fancyBox 可以為頁面上的圖片、html 內容和多媒體添加縮放功能sly 導航式、可單向滾動Sequence 可以創建響應式幻燈片、演示、旗幟廣告和以步驟為基礎的CSS 動畫框架PhotoSwipe 適用於行動裝置和桌面電腦,基於原生JavaScript的模塊組件以上介紹的方案都很成熟,我們可以直接拿來使用,但是為了追求簡潔和代碼量最低,我們有辦法用純css實現一個簡單的焦點圖切換動畫嗎
  • Axure教程:如何實現頂部tab式導航欄?
    先簡單介紹以下動態面板切換：為了將tab1和面板狀態page1關聯，在設置面板狀態時，需要選擇page1，動畫效果和動畫時長按需選擇（同理，如果是tab2，要選擇page2。所以面板狀態的命名要容易識別，用途就在這裡~）如下圖。
  • Axure RP 8軟體和安裝教程
    提取密碼：ivma軟體簡介：Axure RP是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具，它能快速、高效的創建原型，同時支持多人協作設計和版本控制管理。