jQuery MiniUI

标题: 移textbox输入框内的内容过多时，无法显示全部内容 [打印本页]
作者: q840202933    时间: 2016-10-20 15:15:43     标题: 移textbox输入框内的内容过多时，无法显示全部内容

textbox输入框内的内容过多时，如何实现鼠标移动到输入框上显示全部内容？
[attach]8182[/attach]
作者: dforce    时间: 2016-10-20 16:34:47

可以用tooltip做
  1. <input class="mini-textbox" id="textbox1"  />

  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);

  21.         }
  22.     });
复制代码




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2