移textbox输入框内的内容过多时，无法显示全部内容

q840202933

textbox输入框内的内容过多时，如何实现鼠标移动到输入框上显示全部内容？

dforce

可以用tooltip做

1. <input class="mini-textbox" id="textbox1"  />
   
2. 
   
3. var tip = new mini.ToolTip();
   
4.     tip.set({
   
5.         target: document,
   
6.         trigger: "hover",
   
7.         selector: '#textbox1 .mini-textbox-border',
   
8.         onbeforeopen: function (e) {
   
9.             var text = mini.get("textbox1").getValue();
   
10.             if (text.length > 0) {
    
11.                 e.cancel = false;
    
12.             } else {
    
13.                 e.cancel = true;
    
14.             }
    
15.         },
    
16.         onopen: function (e) {
    
17.             var el = e.element;
    
18.             var text = mini.get("textbox1").getValue();
    
19.             tip.setContent(text);
    
20. 
    
21.         }
    
22.     });

复制代码