實現編輯框的全選和取消全選

2022-02-27 16:10:08 字數 814 閱讀 1486

對於乙個編輯框,實現它的全選和取消全選(前提:該編輯框獲得焦點)

為對話方塊類新增乙個成員變數:bool m_bselectall;用於控制全選狀態。另外過載對話方塊類的pretranslatemessage事件,新增如下**:

bool cd1dlg::pretranslatemessage(msg* pmsg) 

else

m_bselectall = !m_bselectall;

return true; }

return cdialog::pretranslatemessage(pmsg);

}

這樣,當編輯框獲得焦點時,如果再按下ctrl+a,編輯框的內容就會被「全選」或「取消全選」。

但是上面以m_bselectall來作為判斷是否「已經處於全選」狀態有個問題,那就是當全選時,使用者點選編輯框而取消了全選,但這時,m_bselectall卻還處於全選狀態,也就是說這個標誌(m_bselectall)與實際的全選狀態不一致。所以採用了另外的方法來驗證是否處於全選狀態(就是選中內容的長度與編輯框內容長度是否一致),**如下:

bool cd1dlg::pretranslatemessage(msg* pmsg) 

else

return true; }

return cdialog::pretranslatemessage(pmsg);

}

說明:getasynckeystate()只檢查乙個鍵是否被按下,而不區分大小寫!

全選和取消全選

全選 管理員id 姓名操作 1tester 修改 刪除 2manager 修改 刪除 3analyst 修改 刪除 4admin 修改 刪除 1.查詢觸發事件的元素 本例中 查詢table下thead下第乙個th中的input var chball document.queryselector ta...

react實現全選 取消全選和個別選擇

react裡面實現全選和取消全選,個別選擇等操作,效果如下 如果全選之後,取消勾選其中的乙個或多個,則會把全選也取消勾選掉 let result this.state.checklist.some j if result let len this state.checklist.length let...

js 實現input框的全選和清空

可以直接複製就能用 背後有注釋,有看不懂的歡迎一起討論 doctype html en utf 8 viewport content width device width,initial scale 1.0 input標籤全選 title table th,td shuang dan style h...