gipi的學習筆記-經營管理、數據思考、終身學習

我想每個人都有過這種經驗，由於螢幕的寬度有限制，所以常常會發生TextBox不夠長，無法完整顯示整個TextBox內容的狀況，如下面這個案例：

解決的方法很多阿，例如變換版面，把TextBox拉長、換成Multiline，但這兩者都有可能影響到其他欄位的擺放，整個畫面的順序可能也因此要被異動，而如果有很多程式有這個問題，要一一找出來似乎也不是一個好方法，這邊提供一個還不錯不解法給各位，透過javascript的title屬性將過長的內容顯示出來：

            this.TextBox1.Attributes["onmouseover"] = "if ( this.clientWidth < this.scrollWidth ) this.title = this.value; else this.title = '';";

完成後的測試的結果如下，TextBox的內容被完整個顯示出來了，這個寫法在IE、FF、Chrome上都可以使用：

如果你的TextBox是自行撰寫的元件就更好囉，只要改完元件，所有的程式都套用到這個功能了，挺不錯的。

游舒帆 (gipi) 探索原力Co-founder，曾任TutorABC協理與鼎新電腦總監，並曾獲選兩屆微軟最有價值專家 ( MVP )，離開職場後創辦探索原力，致力於協助青少年培養面對未來的能力。認為教育與組織育才其實息息相關，都是在為未來儲備能量，2018年起成立為期一年的專題課程《職涯躍升的關鍵24堂課》，為培養台灣未來的領袖而努力。