163邮箱收件人标签怎么写

[loobyboy1]

如上图，在163邮箱的收件人栏，当输入多行时，点击两个联系人标签之间的空白区，会自动添加一个输入框。那么问题来了，多行时，我点鼠标怎么确定是第几行？这个鼠标又怎么定位呢？

[娃都会打酱油了]

<span>[e-mail]</span><span class="sp_empty">空白区域</span><span>[e-mail]</span>

虽然没打开，但假设就这样的html格式 那代码就是简单的 $('span.sp_empty').live('click',function({ //xxxxx }); 然后在全局注册个删除输入框的功能

[loobyboy1]

引用 1 楼 starfd 的回复:

<span>[e-mail]</span><span class="sp_empty">空白区域</span><span>[e-mail]</span>

虽然没打开，但假设就这样的html格式 那代码就是简单的 $('span.sp_empty').live('click',function({ //xxxxx }); 然后在全局注册个删除输入框的功能

大哥，没那么简单的。

[loobyboy1]

高手快帮个忙吧

[娃都会打酱油了]

自动换行是样式控制的，有什么复杂?

[娃都会打酱油了]

$('span.sp_empty').live('click',function({
    if($(this).find(':text').length==0)
    {
            $(this).html('<input type="text" id="ipt_SendTo" />')
    }
});

[loobyboy1]

引用 5 楼 starfd 的回复:

$('span.sp_empty').live('click',function({
    if($(this).find(':text').length==0)
    {
            $(this).html('<input type="text" id="ipt_SendTo" />')
    }
});

<div id="_mail_emailblock_2_436" class="js-component-emailblock nui-editableAddr nui-addr nui-addr-hasAdd" title="[e-mail]" unselectable="on"> <strong class="nui-addr-name" unselectable="on">[e-mail]</strong> <em class="nui-addr-email" unselectable="on"><[e-mail]></em> <a href="javascript:void(0)" class="nui-addr-add" hidefocus="hidefocus"> <b class="nui-ico nui-ico-edit"></b> </a> </div> <div id="_mail_emailblock_3_437" class="js-component-emailblock nui-editableAddr nui-addr nui-addr-hasAdd" title="[e-mail]" unselectable="on"> <strong class="nui-addr-name" unselectable="on">[e-mail]</strong> <em class="nui-addr-email" unselectable="on"><[e-mail]></em> <a href="javascript:void(0)" class="nui-addr-add" hidefocus="hidefocus"> <b class="nui-ico nui-ico-edit"></b> </a> </div> 上面是两个标签的DIV，两个div之间并没有像你说的用<span>来占空白的格式。 那么上面我贴的代码这样又怎么定位呢？尤其是多行？

[loobyboy1]

<div id="_mail_emailblock_2_436" class="js-component-emailblock nui-editableAddr nui-addr nui-addr-hasAdd" title="[e-mail]" unselectable="on">
				<strong class="nui-addr-name" unselectable="on">[e-mail]</strong>
				<em class="nui-addr-email" unselectable="on"><[e-mail]></em>
				<a href="javascript:void(0)" class="nui-addr-add" hidefocus="hidefocus">
					<b class="nui-ico nui-ico-edit"></b>
				</a>
			</div>
			
			<div id="_mail_emailblock_3_437" class="js-component-emailblock nui-editableAddr nui-addr nui-addr-hasAdd" title="[e-mail]" unselectable="on">
				<strong class="nui-addr-name" unselectable="on">[e-mail]</strong>
				<em class="nui-addr-email" unselectable="on"><[e-mail]></em>
				<a href="javascript:void(0)" class="nui-addr-add" hidefocus="hidefocus">
					<b class="nui-ico nui-ico-edit"></b>
				</a>
			</div>

[娃都会打酱油了]

你不能在两个之间插入个<div>或者<span>么？ 给你了思路，你却非要按着你原来的来 那我告诉你如何获取位置 获取鼠标在页面上的位置，然后各种转化，你非要这种BT方式那也没办法

[loobyboy1]

引用 8 楼 starfd 的回复:

你不能在两个之间插入个<div>或者<span>么？ 给你了思路，你却非要按着你原来的来 那我告诉你如何获取位置 获取鼠标在页面上的位置，然后各种转化，你非要这种BT方式那也没办法

就是因为我做了获取鼠标坐标，没成功，想知道人家是怎么写的？ 多谢