ホームページ  >  記事  >  ウェブフロントエンド  >  入力に ​​dot-dot を実装し、マウスを上に移動すると残りの単語を表示します

入力に ​​dot-dot を実装し、マウスを上に移動すると残りの単語を表示します

WBOY
WBOYオリジナル
2016-09-30 09:23:101349ブラウズ

この問題は、コンテンツ ボックスでよく発生します。ボックスの幅は固定されていますが、中には大量のコンテンツが含まれているため、この時点では要件が最初にあり、余分な単語が含まれている必要があります。次に、マウスを上に移動すると、テキスト ボックス内のすべての内容がタイトル プロンプトとして表示されます。達成方法は以下の通りです

ディアンディアンディアン、文字が溢れる前に書きました。次のスタイルをテキストボックスに追加します

display:inline-block; //これは状況に応じて追加します
overflow:hidden; //
text-overflow:ellipsis;
タイトルプロンプトに関しては、テキストボックス内のすべてのコンテンツにタイトルをプロンプト表示できるように、次のコードを入力に追加する必要があります
追加:
IE8ではこの方法だとセレクトテキストが正常に表示できないことが分かりました
長い間修正してやっと正常に表示する関数呼び出しを書きました。
<スクリプト>
関数selbox(a){
var val = a.val();

a.attr("title",val);
}

ちなみにこれはインサイダースタイルと同じ意味ではないでしょうか?なぜie8はこれを使って表示するのでしょうか? IE8ではinputは正常に表示されるのですが、selectはこのように呼び出さなければならないのですが、理由がわかる方いらっしゃいますか?
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。