Jquery创建新div,并定位到鼠标位置怎么实现

Jquery创建新div,并定位到鼠标位置怎么实现,第1张

首先,只讲思路方法不讲具体代码,别人直接给的永远不是自己的

创建新标签比较简单百度下就知道了就不说了,然后至于定位到鼠标位置,简单介绍下思路第一点,用clientX和clientY获取鼠标的坐标即位置,然后给新建的div添加定位属性,再将之前获取的鼠标位置的值赋值给div的top和left

ok,思路就这样

documentgetElementById(id)focus();

例如

<input id="shan" type="text" onchange ="return gaib(thisid)"/>

function gaib(id) {

var oo=documentgetElementById(id);

if (oovalue == 3) {

alert('输入错误');

oofocus();

}

}

jquery

$("#"+id)focus();

例如

<input id="shan" type="text" onchange ="return gaib(thisid)"/>

function gaib(id) {

var oo=$("#"+id);

if (ooval() == 3) {

alert('输入错误');

oofocus();

}

}

可以先定位到这个DIV,然后采用attr方法来获取其值:

假如说:有一段Html代码:

[html] view plaincopy

<div class="comment" id="22">

<div class="comment_detail" style="display: block; ">

<div class="comment_my"><textarea class="comment_text" style="height: 16px; "></textarea></div>

<div class="comment_text_bottom" style="display: none; ">

<div class="comment_emotion"><a href="javascript:void(0)" class="comment_emotion_button">表情</a>

<div class="comment_emotion_detail" style="display: none; ">

</div>

</div>

<div class="comment_publish"><input class="submit" type="submit" value="评论"></div>

</div>

</div>

<div class="comment_bar"><a href="javascript:void(0)" class="comment_click"></a></div>

</div>

如果想从submit处定位,获取到comment处DIv的ID,那么就可以这样做:

ID值为

[javascript] view plaincopy

$("submit")parent()parent()parent()parent()attr('id');

其值为:22;

CLASS值为:

[javascript] view plaincopy

$("submit")parent()parent()parent()parent()attr('class')

其值为:comment;

<div class="mainbox">且听风吟福利吧,我不知道你在说什么,<span id="text">我最瞧不起的就是那种与男人约会</span>,就只为了蹭吃蹭喝的女人。蹭完之后,还一毛不拔。当男人提出上船的时候,竟然还拒绝,这样的女人绝不能深交。</div>alert($("mainbox #text")html());

以上就是关于Jquery创建新div,并定位到鼠标位置怎么实现全部的内容,包括:Jquery创建新div,并定位到鼠标位置怎么实现、jquery 中的document.value的定位、如何用Jquery获取某一个Div的Class或者ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9534170.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存