ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery によって実装された電子メールの受信者の効果 (削除するには del キーを押します)_jquery

jQuery によって実装された電子メールの受信者の効果 (削除するには del キーを押します)_jquery

WBOY
リリース: 2016-05-16 18:09:13
オリジナル
1259 人が閲覧しました

次のコードに加えて、jquery-1.4.4.min.js ファイルをインポートします。コード内の受信者はハードコーディングされています (「ABC」、「ABCDEF」、「BCDEF」)。テストは成功しました。

コードをコピー コードは次のとおりです:

<%@ page language="java " import= "java.util.*" pageencoding="utf-8" %>

< ;html>

-Control" content="no-cache">


>< スクリプト言語="javascript" type="text/javascript">
$(document).ready(
function() {
$(document).keydown(
function(イベント) {
if (event.keyCode == 46) {
var コンテナ = $("#div1 span").eq(0);
container.find("a").each( function() {
if ($(this).css('background-color') == 'blue') {
$(this).remove();
}
}) ;
if (container.find("a").length == 0) {
container.css("width", "0");
}
}
}) ;
});
関数 check() {
//
var array("ABC", "ABCDEF", "BCDEF");
var result = null;
var aobject = null;
var value = $("#input1").val(); (0) ;
if (value == "") {
alert("受信者名を入力してください! ")
}
else {
result = new Array();
for (var i = 0; i if (contains(array[ i], value, true)) {
result.push(array[i]);
}
}
if (result.length == 0) {
alert("いいえ現在入力されている受信者情報が含まれています。再入力してください! ");
}
else if (result.length == 1) {
alert("受信者を追加!");
container .css("width", "100%");
container.append("" result[0] ";"); }
else if (result.length > 1) {
alert("result.length " に一致する情報があるため、選択するための選択ダイアログ ボックスが表示されます!"); . open("dialog.html", "選択してください", "height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no 、status=no,alwaysRaized=yes,z-look=yes");
window.open("dialog.html");
}
}
}
function contains(string , substr, isIgnoreCase) {
if (isIgnoreCase) {
string = string.toLowerCase();
substr = substr.toLowerCase();
var startChar = substr.substring( 0 , 1);
var strLen = substr.length;
for (var j = 0; j if (string.charAt(j) = = startChar)// 開始文字と一致する場合、検索を開始します
{
if (string.substring(j, j strLen) == substr)// j から始まる文字が str と一致する場合、ok
{
true を返す;
}
}
false を返す;






To: < id="input1" />


;


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート