使用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
最近更新的内容
常用在线小工具输入关键字或相关内容进行搜索
mui(document.body).on('tap','a',function(){
document.location.href =
Html&style&
.mui-control-content, .mui-slider-group {
background-color:
min-height: 400
.mui-control-content .mui-loading {
margin-top: 50
#topPopover {
#topPopover .mui-popover-arrow {
.mui-popover {
height: 350
width: 150
&header class=&mui-bar mui-bar-nav&&
&a class=&nnj-icon-back mui-action-back mui-pull-left&&&/a&
&a id=&menu& href=&#topPopover& class=&mui-action-menu mui-icon mui-icon-bars mui-pull-right&&&/a&
&h1 class=&mui-title nnj-title&&&strong&音乐盒&/strong&&/h1&
&div class=&mui-content&&
&div id=&slider& class=&mui-slider&&
&div id=&sliderSegmentedControl& class=&mui-slider-indicator mui-segmented-control mui-segmented-control-inverted&&
&a id=&prev-cate& class=&mui-control-item mui-pull-left& style=&width:40px&&&div style=&display:inline- color: #FFFFFF; width: 40 height: 30 &&&&/div&&/a&
&a id=&a-cate-title& href=&#& class=&mui-control-item&&&div id=&cate-title& class=&mui-title& style=&width:margin: 0 0; right: 40 left: 40&&&/div&&/a&
&a id=&next-cate& class=&mui-control-item mui-pull-right& style=&width:40px&&&div style=&display:inline-color: #FFFFFF; width: 40 height: 30 &&&&/div&&/a&
&div id=&topPopover& class=&mui-popover&&
&div class=&mui-scroll-wrapper&&
&div class=&mui-scroll&&
&ul id=&menuPopover& class=&mui-table-view&&
&div class=&mui-slider-group&&
&div class=&player&&
&div class=&music-box-title&&&/div&
&a class=&music-box-next& id=&play-next&&&/a&
&a class=&music-box-play& id=&play-pause&&&/a&
&a class=&music-box-prev& id=&play-prev&&&/a&
&div id=&myAudio&&
&audio id=&audio&&
&script src=&../js/mui.min.js&&&/script&
var cateList = new Array();
var currentCate, currentCollect, collectO
var playerTitle = document.getElementsByClassName(&music-box-title&)[0];
var play = document.getElementById(&play-pause&);
var cateTitle = document.getElementById(&cate-title&);
var prevCate = document.getElementById(&prev-cate&);
var nextCate = document.getElementById(&next-cate&);
var aTitle = document.getElementById(&a-cate-title&);
var currentSlideNumber = 0;
(function($) {
//成功响应的回调函数
var successForCate = function(response) {
if (response.ret_code == &0&) {
var cate = '';
var content = '';
var menu = '';
mui.each(response.result_list, function(i, c) {
//cate += '&a class=&mui-control-item& href=&#item' + c.type_code + '&&' + c.type_name + '&/a&';
cateList[i] =
if (i == 0) {
prevCate.href = &#item&+ c.type_
content += '&div id=&item' + c.type_code + '& class=&mui-slider-item mui-control-content mui-active&&&div id=&scroll' + c.type_code + '& class=&mui-scroll-wrapper&&&div class=&mui-scroll&&&div class=&mui-loading&&&div class=&mui-spinner&&&/div&&/div&&/div&&/div&&/div&';
if(i == 1) nextCate.href = &#item&+ c.type_
content += '&div id=&item' + c.type_code + '& class=&mui-slider-item mui-control-content&&&div id=&scroll' + c.type_code + '& class=&mui-scroll-wrapper&&&div class=&mui-scroll&&&div class=&mui-loading&&&div class=&mui-spinner&&&/div&&/div&&/div&&/div&&/div&';
menu += '&li class=&mui-table-view-cell&&&a href=&#& id=&#item'+c.type_code+'&&'+c.type_name+'&/a&&/li&';
document.getElementById(&menuPopover&).innerHTML =
mui(&#menuPopover&).on(&tap&, &li&, function(e){
var item = this.firstChild.getAttribute(&id&);
aTitle.href =
mui.trigger(aTitle,'tap',e);
mui('.mui-popover').popover('toggle');
//document.getElementById(&sliderSegmentedControl&).innerHTML =
document.getElementsByClassName(&mui-slider-group&)[0].innerHTML =
currentCate = cateList[0];
cateTitle.innerHTML = cateList[0].type_
getMusicList(plus.device.uuid, currentCate.type_code);
mui('#slider').slider();
aTitle.addEventListener(&tap&, function(e){
document.location.href = this.
//成功响应的回调函数
var successForMusic = function(response) {
if (response.ret_code == &0&) {
var item = document.getElementById(&item& + currentCate.type_code);
var music = '&ul id=&musicList& class=&mui-table-view&&';
var source = '';
mui.each(response.result_list, function(i, c) {
//if(c.collect_flag) var claName = 'music-box-favorites-on';
//else claName = 'music-box-favorites';
// 歌曲列表
//music += '&li class=&mui-table-view-cell& id=&' + i + '& songId=&'+c.id+'&&' + c.song_name + '&a class=&'+claName+'&&&/a&&/li&';
music += '&li class=&mui-table-view-cell& id=&' + i + '& songId=&'+c.id+'&&' + c.song_name + '&/li&';
// 歌曲播放源
source += '&source title=&' + c.song_name + '& src=&' + c.song_url + '&&&/source&';
music += '&/ul&';
// 显示数据
item.querySelector('.mui-scroll').innerHTML =
audio.innerHTML =
sourceList = mui(&#myAudio source&);
// 设置收藏事件
mui('.mui-table-view-cell').on('tap', 'a', function(e) {
var id = this.parentNode.getAttribute(&songId&);
if(this.className == &music-box-favorites mui-active&) currentCollect = 1;
else currentCollect = 0;
collectObject =
updateCollect(plus.device.uuid, id, currentCollect);
// 设置点击播放歌曲事件
mui('#musicList').on('tap', 'li', function(e) {
var index = this.getAttribute(&id&);
currentSrcIndex =
audio.PrevNext();
play.className = &music-box-pause&;
mui('.mui-scroll-wrapper').scroll();
var successForCollect = function(response){
if (response.ret_code == &0&) {
console.log(currentCollect);
if(currentCollect == 1)
collectObject.className = &music-box-favorites-on&;
collectObject.className = &music-box-favorites&;
// 获取分类数据
var getMusicCate = function() {
var url = 'http://120.24.166.135:8080/nnj-openapi-server/rest/music/list_music_type';
$.getJSON(url, null, successForCate);
// 获取音乐数据
var getMusicList = function(uuid, cate_code) {
//发送数据
var data = {
client_id: uuid,
type_code: cate_code
var url = 'http://120.24.166.135:8080/nnj-openapi-server/rest/music/list_misic';
$.getJSON(url, data, successForMusic);
// 分类翻页事件
document.getElementById('slider').addEventListener('slide', function(e) {
currentSlideNumber = e.detail.slideN
currentCate = cateList[e.detail.slideNumber];
cateTitle.innerHTML = cateList[e.detail.slideNumber].type_
getMusicList(plus.device.uuid, currentCate.type_code);
nextCate.href = &#item&+cateList[currentSlideNumber + 1 & cateList.length - 1 ? cateList.length -1 : currentSlideNumber + 1 ].type_
prevCate.href = &#item&+cateList[(currentSlideNumber - 1) & 0 ? 0 : currentSlideNumber - 1].type_
console.log(&#item&+cateList[currentSlideNumber + 1 & cateList.length - 1 ? cateList.length -1 : currentSlideNumber + 1].type_code);
console.log(&#item&+cateList[(currentSlideNumber - 1) & 0 ? 0 : currentSlideNumber - 1].type_code);
// 播放按钮事件
play.addEventListener(&tap&, function(e) {
if (audio.paused || audio.ended) {
this.className = &music-box-pause&;
audio.play();
this.className = &music-box-play&;
audio.pause();
document.getElementById(&play-next&).addEventListener(&tap&, function(){
++currentSrcIndex & sourceList.length - 1 && (currentSrcIndex = 0);
audio.PrevNext();
document.getElementById(&play-prev&).addEventListener(&tap&, function(){
--currentSrcIndex & 0 && (currentSrcIndex = 0);
audio.PrevNext();
prevCate.addEventListener(&tap&,function(){
var nextSlideNumber = currentSlideN
currentSlideNumber--;
if(currentSlideNumber & 0){
mui.toast(&已经是第一页啦！&);
nextCate.href = &#item&+cateList[nextSlideNumber].type_
prevCate.href = &#item&+cateList[currentSlideNumber].type_
console.log(&prevCate.href&+&#item&+cateList[currentSlideNumber].type_code);
console.log(&nextCate.href&+&#item&+cateList[nextSlideNumber].type_code);
nextCate.addEventListener(&tap&,function(){
var prevSlideNumber = currentSlideNumber - 1;
if(prevSlideNumber & 0) prevSlideNumber = 0;
currentSlideNumber++;
if(currentSlideNumber & cateList.length - 1){
mui.toast(&没有啦！亲。&);
prevCate.href = &#item&+cateList[prevSlideNumber].type_
nextCate.href = &#item& + cateList[currentSlideNumber+1].type_
console.log(&prevCate.href&+&#item&+cateList[prevSlideNumber].type_code);
console.log(&nextCate.href&+&#item& + cateList[currentSlideNumber+1].type_code);
mui('.mui-scroll-wrapper').scroll();
$.plusReady(function() {
if ($.os.android) {
plus.screen.lockOrientation(&portrait-primary&);
getMusicCate();
&script src=&../js/common.js&&&/script&
要回复问题请先或
浏览: 1727
关注: 2 人&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()；，才可以触发页面跳转。
之所以会想要写这篇文章，是因为我在最近的项目中使用Js打开新的窗体时被拦截了，因此，让我产生了对浏览器拦截屏蔽新窗体的兴趣，想了解一下为什么会被拦截。
&说到在新的窗口打开新的网页，通常是使用超链接标签的target ，_blank实现。当点击了超链接时可以自动的打开新的窗口，但是实际上，需要在执行了某些操作之后通过JS的方式打开。
& &而通过JS的方式打开方式比较常用的就是通过window.open 打开新的窗口。这里说明一下，在通常情况下，使用window.open的方法，是不会被浏览器的屏蔽拦截，只有在恶意弹窗的时候，才会被屏蔽。当用户进行点击触发打开的窗口，是能被浏览器接受的。网络上有很多文章说什么“强制弹窗”，“不会被拦截”，我看了一下，觉得该屏蔽的还是会屏蔽，我想定个时间，让它自动弹窗，还是不行。我分析一下他们的原理，一种是通过超链接，在js中click()触发，另一种是使用js通过form的submit()触发，但是这不能绕开浏览器的屏蔽。因为他们的原理是一样的，不是用户即时触发的。浏览器很容易就能发现和阻止。
& &人们常说的会被浏览器拦截主要是因为不是由用户发生的操作打开的窗口，包括定时器，ajax异步执行之后等发生的打开窗口的操作。但是比不是所有的浏览器会拦截。经过本人对各大浏览器的测试，非用户触发操作弹窗，&遨游通过，ie通过 ，猎豹不通过 ，chrome不通过，360浏览器不通过，火狐不通过。一般正常的操作是不会被屏蔽的，但是恶意弹窗很容易被浏览器识别，如果想不经过用户触发，直接弹窗，只能期待用户是使用IE和遨游浏览器的。
现在总结一下，常见正常弹出窗口失效的原因：
1.使用window.open,但是定义窗口名，也就是在打开窗口传入name参数，因为window.open只能打开唯一的窗体名为name的窗体。所以有些人会以为被浏览器拦截屏蔽了。
2.使用异步的ajax，通过ajax向服务器请求，在请求完成后再打开窗口的操作，如果是使用异步的方式，将出现延时，这是浏览器就会以为不是用户触发的操作，这时只要设置同步的方式即可。笔者就是因为这个原因。
可能存在替代方案：
既然想到弹窗，固然是因为有这方面的需求，目前‘浏览器无法拦截的弹出窗口’是不可能的，能不能找到替代方案。这里提供两个方案：
1.如果是弹窗广告，一般的做法是在页面document绑定click事件或者的srcoll事件，因为一般打开网页都会点一下或者是滚一下鼠标。所以就很容易的弹窗了（这里以技术出发，笔者代表绝大部分用户不接受这种广告方式）。
2.如果是弹出通知信息，就更容易，不用这么鬼鬼祟祟了，直接弹出div的“窗口就行”。
如果有这方面的需求的，看到这篇文章应该会或多或少的有所收获，如果找不到解决方案，请给我留言，希望能够共同探讨。
本文已收录于以下专栏：
相关文章推荐
错误示例baidu// 直接是触发click事件是无法跳转的
$('a#toMain').trigger('click') ;正确示例// 如果要用jquery触发进行跳转，那么a标签中【必须要有其它...
// 直接是触发click事件是无法跳转的
$('a#toMain').trigger('click') ;
// 如果要用jquery触发进行跳转，那么a标签中【必须...
在写代码的时候，想在代码中控制a标签点击事件，一开始想当然的写下这样的代码：
$("#downloadLink").trigger('click');
但是，实际测试的时候，发现没有达到想...
使用A标签执行JS脚本的几种方式
1、href="javascript:js_method();"
这是我们最常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javas...
jsp页面 a标签
//注意引号的问题，这里不能使用onclick事件，加载模态框和a标签的onclick事件不能同时使用
解决方式：
点击弹出模态框
同一个页面模态框
bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 bo...
需求如下：
在跳转链接前，需要判断该用户是否有权限打开页面，没有权限的弹出一个确认框提示“没有权限”，有权限的则直接跳转页面。
参考资料一：
移除onClick事件：
$("#addFam").removeAttr("onclick");
添加onClick事件：
$("#addFam").attr("onclick","addFamily...
在Jquery里触发click事件是$.click()就可以触发标签的点击事件,但是该事件去a标签没用
于是尝试了原生态的document.getElementById("bt").onclick()...
onclick的事件被先执行，其次是href中定义的（页面跳转或者javascript）同时存在两个定义的时候（onclick与href都定义了），如果想阻止href的动作，在onclick必须加上r...
他的最新文章
讲师：董岩
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)