Jquery UI拖放效果能实现多个目标吗
- 提问者网友：末路
- 2021-03-21 02:19
- 五星知识达人网友：雪起风沙痕
- 2021-03-21 03:44
2. drag move: 移动过程中
3. drag enter: 移动进入目标(target)容器
4. drag leave: 移出目标(target)容器
5. drop: 在目标(target)容器上释放鼠标
6. drag end: 结束
在html5之前，页面元素不直接支持拖拽事件。所以都是通过监听鼠标事件并记录拖拽状态的方式来实现拖拽功能。
- 1楼网友：低音帝王
- 2021-03-21 03:57
参考示例：
在输入框内输入信息。 如果框内信息为空，会出现提示：登陆邮箱不能为空！(红色文字) 如果框内信息格式不为邮箱格式，会出现提示：请输入常用邮箱！(红色文字) 如果框内信息格式为正确邮箱格式，会出现提示：你输入的邮箱格式正确 (绿色文字) 此测试由两个函数构成，checkemail函数用来检测邮箱格式，test函数用来测试输入框内信息。 拷贝下代码可直接浏览效果。可根据具体需要进行修改 <!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=utf-8" /> <title>web starting --- 验证邮箱</title> <script type="text/javascript" src=" http://code.jquery.com/jquery-latest.min.js"></script> <script language="javascript" type="text/javascript"> //验证邮箱，正确返回true，错误返回false function checkemail(email){ var emailregexp = new regexp( "[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?"); if (!emailregexp.test(email)||email.indexof('.')==-1){ return false; }else{ return true; } } //验证输入框内信息，并给出对应提示 function test(obj){ if(obj=="mail"){ var email=$.trim($("input[name='mail']").val()); if(email==""){ $("#tishi_mail").html("<p>登陆邮箱不能为空！</p>"); $("#tishi_mail p").addclass("tstxt_error"); }else{ if(!checkemail(email)){ $("#tishi_mail").html("<p>请输入常用邮箱！</p>"); $("#tishi_mail p").addclass("tstxt_error"); }else{ $("#tishi_mail").html("<p>你输入的邮箱格式正确</p>"); $("#tishi_mail p").addclass("tstxt"); }; } } }; </script> <style type="text/css"> body{color:#fff;font-weight:bold;background:#333} .tstxt_error{width:200px;height:20px;line-height:20px;color:#f00;padding:0 10px;} .tstxt{width:200px;height:20px;line-height:20px;color:#0c0;padding:0 10px;} </style> </head> <body> <p>在此框内输入邮箱地址，点击框外会出现会出现对应测试信息</p> <input type="text" class="kuang" name="mail" onblur="test('mail')" value="输入你的邮箱" onfocus="if(value=='输入你的邮箱'){value=''}" id="input_mail" /> <div id="tishi_mail"></div> <a </body> </html>