模拟QQ邮箱中收信人拦的删除操作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="css/mail.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$(".in_text").click(function(){
		var input = $("<input type='text' id='addr_text' onkeyup='IsNum(this)' readonly>");
		if($("#addr_text").length == 0)
		{input.appendTo($(this));}
		$("#addr_text").focus();
	});
	
	
})
function GetInfor(obj){
	var name = $(obj).text();
	var phone = $(obj).attr("name");
	var div = $("<div class='per_infor' onclick='changeClass(this);'><span class='per_name'>"+name+"</span><span class='phone'>"+phone+"</span>;</div>");
	var input = $("<input type='text' id='addr_text' onkeyup='IsNum(this)'>");
	if($("#addr_text").length == 0)
	{input.appendTo($(".in_text"));}
	$("#addr_text").before(div);
	$("#addr_text").focus();
	$(".per_infor").hover(function(){
		$(this).addClass("BgColor");
	},function(){$(this).removeClass("BgColor")});
	$("#addr_text").blur(function(){
		$(this).remove();						  
	});
	/*$(".per_infor").click(function(){
		$("#addr_text").remove();
		$(this).addClass("selected");
	})*/
}
function changeClass(domObj) {
  $(".per_infor").removeClass("selected");
  $("#addr_text").remove();
	$(domObj).addClass("selected");
}
function isKeyPressed(event)
{
  if (event.keyCode==37)
    {
		var dom1 = $("#addr_text").prev();
    	$("#addr_text").after(dom1);
    }
  else if(event.keyCode==39 )
    {
    	var dom1 = $("#addr_text").next();
    	$("#addr_text").before(dom1);
    }
	if(event.keyCode==8 )
	{
		var dom1 = $("#addr_text").prev();
		if($(".selected").length >0)
		{$(".selected").remove();}
		else
		{dom1.remove();}
	}
	else if(event.keyCode==46)
	{
		var dom1 = $("#addr_text").next();
    	dom1.remove();
	}
  }
</script>
<title>个人中心邮件</title>
</head>

<body onkeyup="isKeyPressed(event)">
<div class="in_text">
                        	
                        </div>
</body>
</html>

 

2026年最新延安市公交线路及站点矢量数据.zip 数据格式:shp 数据坐标:GCJ02 数据更新时间:2026年9月 公交线路来源:8684网站 https://8684.com.cn/ 站点数据来源:高德API接口 数据打开方式:QGIS或Arcgis 站点数据字段:名称、序号、对应线路、几何信息 线路数据字段:名称、类型、起点、终点、开始时间、结束时间、起步价、全价、长度、公司、几何信息 立即下载

相关推荐

2026年最新海宁市公交线路矢量数据.zip

数据格式:shp 数据坐标:GCJ02 数据更新时间:2026年9月 公交线路来源:8684网站 https://8684.com.cn/ 站点数据来源:高德API接口 数据打开方式:QGIS或Arcgis 站点数据字段:名称、序号、对应线路、几何信息 线路数据字段:名称、类型、起点、终点、开始时间、结束时间、起步价、全价、长度、公司、几何信息

模拟邮箱输入邮箱地址、收藏标签。input框输入内容后回车,内容显示成小方块并带删除按钮。...

模拟邮箱输入邮箱地址、收藏标签: 文本框输入文字后按回车键或者分号键,输入框中的文字变成小块并带删除按钮和操作。 页面代码: <!DOCTYPE html> <%@ page language="java" contentType="text/html; charset=UTF-8"%> <% String ctxPath = reques...

weixin_30376083的博客 531

2026年最新重庆市公交、地铁站点矢量数据.zip

数据格式:shp 数据坐标:GCJ02 数据更新时间:2026年9月 公交线路来源:8684网站 https://8684.com.cn/ 站点数据来源:高德API接口 数据打开方式:QGIS或Arcgis 站点数据字段:名称、序号、对应线路、几何信息 线路数据字段:名称、类型、起点、终点、开始时间、结束时间、起步价、全价、长度、公司、几何信息

仿QQ邮箱收件人搜索及简单删除功能

主要实现文本框多选。 在这里说明 :文本框搜索js实现是网上拿下来的,自己在上面做了更改,实现了文本框多选并按块删除。 (还有很多不足,希望有改进的能再分享。Thanks(・ω・)ノ) 效果图: 鼠标移入颜色: 鼠标点击及键盘键确认是否删除颜色: 主要代码: 资源下载地址: https://download.csdn.ne...

风动我不动的博客 1958

仿qq邮箱首页html,仿QQ邮箱收件人选择与搜索之简单js示例

之前因为项目开发需要,对于收件人选择与搜索的js实现,整理如下:页面截图: 主要html代码:To:Subject:Message:'SearchContact...')this.value='';"onblur="if(this.value=='')this.value='SearchContact...';"name="txtsearch"/>ass="Catafood,S....

weixin_33800919的博客 727

AC2005B单声道蓝牙芯片原理图

杰理AC2005B单声道蓝牙芯片原理图

高校如何科学评价科研项目的前瞻性和转化潜力?.docx

科易网基于40亿+科创知识图谱数据库,深度探索AI技术在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,研究科技创新领域的AI+数智化解决方案,推动科技创新与产业创新智能化发展。

科技项目评估如何摆脱传统人工经验的主观性,实现量化精准评价?.docx

科易网基于40亿+科创知识图谱数据库,深度探索AI技术在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,研究科技创新领域的AI+数智化解决方案,推动科技创新与产业创新智能化发展。

chrome-headless-shell-mac-x64-155.0.8047.0(Canary).zip

chrome-headless-shell-mac-x64-155.0.8047.0(Canary).zip

网络工程基于Cisco交换机的VLAN划分与Trunk端口配置:实现跨设备局域网分段通信系统部署

内容概要:本文档为一份网络实验配置记录,主要展示了在锐捷交换机(Ruijie-SW1和Ruijie-SW2)上进行VLAN划分与端口配置的过程。通过将交换机端口配置为access或trunk模式,实现了VLAN 10的创建与通信隔离,并利用VPC(虚拟PC)模拟终端设备进行连通性测试。抓包结果显示了ARP请求、ICMP Ping请求与回复的数据交互过程,验证了同一VLAN内主机间的通信能力。同时文档解释了数据帧在不同端口类型(access和trunk)下的标签处理机制:access端口在接收时打标、发送时去标,而trunk端口保留标签传输。; 适合人群:具备基本网络知识、正在学习VLAN、交换机配置及相关网络协议的大专院校学生或初级网络技术人员。; 使用场景及目标:①掌握锐捷交换机的基本命令行操作;②理解VLAN的工作原理及配置方法;③区分access与trunk端口对数据帧标签的处理差异;④通过实际抓包分析网络通信流程。; 阅读建议:建议结合EVE-NG等网络仿真平台同步操作实践,对照命令行配置步骤与抓包结果,深入理解VLAN通信机制和端口行为特性。

网红太空人表盘javascript

网红太空人表盘javascript

2026年最新梧州市公交线路及站点矢量数据.zip

数据格式:shp 数据坐标:GCJ02 数据更新时间:2026年9月 公交线路来源:8684网站 https://8684.com.cn/ 站点数据来源:高德API接口 数据打开方式:QGIS或Arcgis 站点数据字段:名称、序号、对应线路、几何信息 线路数据字段:名称、类型、起点、终点、开始时间、结束时间、起步价、全价、长度、公司、几何信息

libc.so.6 解决Linux机器中报错问题

libc.so.6 解决Linux机器中报错问题

科技园区如何精准招引优质科创项目提升产业集聚能力?.docx

科技园区如何精准招引优质科创项目提升产业集聚能力?

chrome-headless-shell-linux64-153.0.8010.36(Stable).zip

chrome-headless-shell-linux64-153.0.8010.36(Stable).zip

政府如何利用数智化手段提升科技项目评审效率与精准度?.docx

政府如何利用数智化手段提升科技项目评审效率与精准度?

06_UUID生成工具类(Java企业级代码)

一个开箱即用的 Java UUID 生成工具类 UuidUtils,基于 JDK17、无第三方依赖。封装 java.util.UUID,提供标准 36 位带中划线 UUID、去中划线的 32 位小写 UUID 以及 32 位大写 UUID 三种方法,适合作为数据库主键、业务流水号、链路追踪 ID 等。代码采用 final 类加私有构造、方法语义清晰、JavaDoc 完整,规范对标阿里巴巴 Java 开发手册,粘贴进 Spring Boot 3.x 项目即可直接调用。

上一篇: Spring利用JDBCTemplate批量更新数据
下一篇: org.w3c.dom.Document与org.dom4j.document的转换
dingyu_12
博客等级 码龄14年 1粉丝 38原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值