使用JS或jQuery模拟鼠标点击a标签事件代码
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了使用JS或jQuery模拟鼠标点击a标签事件代码,需要的朋友可以参考下
代码如下: &a id="alink" href="abc.aspx" style="visibility:"&下一步&/a& $("#alink").click(); // 触发了a标签的点击事件，但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件，又触发了页面跳转
把 “下一步” 改为 “&span id="spanId"&下一步&/span&” 即给A标签中的文字添加一个能被jQuery捕获的元素，然后$("#spanId").click()；，才可以触发页面跳转。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具& & & & 复制代码代码如下:& & 下一步& & $("#alink").click(); // 触发了a标签的点击事件，但是没有触发页面跳转& & document.getElementById("alink").click(); //既触发了a标签的点击事件，又触发了页面……
声明：该文章系网友上传分享，此内容仅代表网友个人经验或观点，不代表本网站立场和观点；若未进行原创声明，则表明该文章系转载自互联网；若该文章内容涉嫌侵权，请及时向
论文写作技巧
上一篇：下一篇：
相关经验教程帐号:密码:下次自动登录{url:/nForum/slist.json?uid=guest&root=list-section}{url:/nForum/nlist.json?uid=guest&root=list-section}
贴数:3&分页:dba发信人: dba03 (dba), 信区: WebDev
标&&题: 如何使用js模拟鼠标点击一个下拉框（通过ul，li，js，css实现）
发信站: 水木社区 (Sun Oct 20 23:47:58 2013), 站内 && 下拉框，是通过ul，li，js，css来实现的，如下。
&& 我想js写个脚本，自动模拟用户鼠标点击，在弹出下拉框，然后选择最后一个选项。 && 该如何写？谢谢。 && -- && ※ 修改:·dba03 于 Oct 20 23:53:18 2013 修改本文·[FROM: 118.207.157.*]
※ 来源:·水木社区 ·[FROM: 118.207.157.*]
dba发信人: dba03 (dba), 信区: WebDev
标&&题: Re: 如何使用js模拟鼠标点击一个下拉框（通过ul，li，js，css实现）
发信站: 水木社区 (Mon Oct 21 09:34:30 2013), 站内 && &html&&head& && &meta http-equiv="content-type" content="text/ charset=UTF-8"& && &title&UL Select Box&&- jsFiddle demo by Starx&/title& &&&&&& &script type="text/javascript" src="/jquery-
1.7.1.js"&&/script&&style type="text/css"&&/style& && &link rel="stylesheet" type="text/css" href="/css/normalize.css"& &&&&&&&&&& &link rel="stylesheet" type="text/css" href="/css/result-light.css"& &&&&&& &style type="text/css"& &&&& ul {&&&&&& height: 30 &&&& width: 150 &&&& border: 1px #000
ul li { padding: 5px 10 z-index: 2; }
ul li:not(.init) { float: width: 130 display: background:&& # }
ul li:not(.init):hover, ul li.selected:not(.init) { background: #09f; }
li.init { cursor: } && a#submit { z-index: 1; } &&&& &/style& &&&&&& &script type="text/javascript"&//&![CDATA[&& $(window).load(function(){
$("ul").on("click", ".init", function() { &&&& $(this).closest("ul").children('li:not(.init)').toggle();
}); && var allOptions = $("ul").children('li:not(.init)');
$("ul").on("click", "li:not(.init)", function() { &&&& allOptions.removeClass('selected'); &&&& $(this).addClass('selected'); &&&& $("ul").children('.init').html($(this).html()); &&&& allOptions.toggle();
}); &&&& $("#submit").click(function() { &&&& alert("The selected Value is "+&& $("ul").find(".selected").data("value"));
}); && });//]]&&& && &/script& &&&& &/head&
&body& && &a href="#" id="submit"& Get Value&/a&
&ul& &&&& &li class="init"&[SELECT]&/li& &&&& &li data-value="value 1"&Option 1&/li& &&&& &li data-value="value 2"&Option 2&/li& &&&& &li data-value="value 3"&Option 3&/li&
&/ul& && &/body&&/html& &&&& 【 在 dba03 (dba) 的大作中提到: 】
: 下拉框，是通过ul，li，js，css来实现的，如下。
: 我想js写个脚本，自动模拟用户鼠标点击，在弹出下拉框，然后选择最后一个选项。
: ...................
-- && ※ 来源:·水木社区 ·[FROM: 59.108.5.*] && 附件(1.6KB)&dba发信人: dba03 (dba), 信区: WebDev
标&&题: Re: 如何使用js模拟鼠标点击一个下拉框（通过ul，li，js，css实
发信站: 水木社区 (Mon Oct 21 09:40:37 2013), 站内 && void((function(){
document.getElementsByClassName("init").click();
})()) && 提示如下错误：
TypeError: Object #&NodeList& has no method 'click' &&&& 【 在 dba03 (dba) 的大作中提到: 】
: &html&&head&
:&& &meta http-equiv="content-type" content="text/ charset=UTF-8"&
:&& &title&UL Select Box&&- jsFiddle demo by Starx&/title&
: ...................
-- && ※ 来源:·水木社区 ·[FROM: 59.108.5.*]
文章数:3&分页:<span style="color: # &a id="alink" href="abc.aspx" style="visibility:"&下一步&/a&
<span style="color: # $("#alink").click(); // 触发了a标签的点击事件，但是没有触发页面跳转
<span style="color: # document.getElementById("alink").click(); //既触发了a标签的点击事件，又触发了页面跳转
<span style="color: #
<span style="color: # 把 “下一步” 改为 “&span id="spanId"&下一步&/span&” 即给A标签中的文字添加一个能被jQuery捕获的元素，然后$("#spanId").click()；，才可以触发页面跳转。
阅读(...) 评论()当前位置： >
鼠标点击相片模拟翻页相册特效
特效说明：
一款鼠标点击相片模拟翻页相册网页特效，类似手里拿一组相片翻页查看相片内容动画翻图特效。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）
使用方法：
1、添加HTML代码：
将&!--效果html开始--&......&!--效果html结束--&之间的html和js代码；放在&body&&/body&之间。
一款jQuery制作多图相册框里的图片随鼠标移动预览特效，带左右按钮切换上一张、下一张图片，随鼠标上下移动预览图片特效免费下载。……
一款jQuery九宫格图片拉伸变大图文相册特效下载，该JS图片特效是一款鼠标经过图片滑动手风琴放大图片切换JS代码。……
一款jQuery轻量级响应式全屏LightBox相册特效插件，点击缩略图弹窗大图相册特效，可实现全屏自动播放相片图片特效，带左右按钮，点击左右按钮切换图片。……
一款CSS3+slider制作多图3D切换相册特效，带左右按钮，自动轮播及点击按钮上下3D、左右3D方式切换图片相册特效代码。……
一款多组图片带缩略图相册特效下载，该特效代码是鼠标点击缩略图可上下切换图片，点击右侧箭头可切换下一组图片，效果大气美观，站长素材推荐下载。……
一款jQuery鼠标悬停时放大显示图片效果制作，鼠标滑过/悬停小图变暗响且应式展示大图免费网页特效代码。……
一款jQuery响应式触屏垂直滚动图片相册代码网页特效，响应式布局设计，兼容PC端和手机移动端，缩略图在右边，大图在左边，缩略图支持触摸上下滑动，点击缩略图时会左右滚 动切换……
一款jQuery点击缩略图显示大图多图相册特效，该相册特效代码基于jquery-1.4.2.min.js制作，可无限添加图片，点击缩略图显示图文并茂的大图，带箭头按钮图标，控制缩略图和大图切换。……
一款jQuery底部带缩略图透明渐变切换相册特效，带左右按钮，自动轮播及点击缩略图透明渐变切换网页相册特效JS代码免费下载。……
一款可全屏浏览baguettebox相册代码插件网页特效，点击图片列表缩略图全屏展示图片，点击左右按钮查看上一张、下一张图片，点击关闭按钮退出全屏展示。……
最新更新特效
本站关键词
科e互联版权所有
京ICP备号-1