关键词不能为空

当前您在: 主页 > 英语 >

js模拟点击事件

作者:高考题库网
来源:https://www.bjmy2z.cn/gaokao
2021-01-29 09:41
tags:

-disguise

2021年1月29日发(作者:slayers)


公司项目想要实现一种功能:




单击一个按钮或超链接,


然后会出现其他的超链接,


这时要让其中的一个超链接被单击,



显示一个初始页面。(公 司页面使用了


frameset





很显然,之后的超链接单击事件需要通过

JavaScript


来触发。




一开始,


我想到了用


jQuery



click()


事件来触发超链接的单击 事件


(与


trigger(


一样的效果 )。结果发现不如人意。




实例如下:




效果图




IE:




FireFox:




Html


代码




<


h3


>< /p>


请单击


”Click


Me


。测试提交按钮与超链接是否也被单击了。



h3


>




<


button



id


=


Click

< br>Me



button


>




<


form



action


=




<


input



type


=



name


=



value


=


徐新华


-polaris


readonly


/>




<


input



id


=



type


=



value


=


别点击此按钮提交




onclick


=



发了提交按钮的单击事件!


');





form

>




<


a



id


=



href


=


onclick


=



触发了超链接的单击


事件!


');


>


代码触发超 链接



a


>





Javascript


代码



$$(


function


()


{


$$(



).click(


function


()


{


$$(



).click();


$$(



).click();


});


});



当单击:


Click Me


按钮时,先 后弹出提交按钮被单击、超链接被单击的对话框,这表明两


者的单击事件都被触发了。然 而,从地址栏中可以看到,


提交按钮的单击事件触发后,


执行< /p>


了它的默认行为:提交表单;可是超链接的单击事件触发后,并没有链接到目标地址。


(不


要怀疑说是提交按钮的提交地址对超链接有影响,


因为我去掉提交按钮,


只留下超链接也不


会链接到目 标地址。)




也许

< br>jQuery


中的


click()


方法对超链接的单击事件并没有使其执行浏览器的默认行为(即


使你手动加入


return


true


也没有用)。注意:< /p>


tigger(



click()


一样的。


jQuery


文档中说“这个函数也 会导致浏览器同名的默认行为的执行”


。同名的?不太明白,但是超

链接的确不能执行它的默认行为。


这是,


只能想另外的方法 ——抛弃


jQuery


提供的事件。




回到


JavaScript


自己的事件——


click


。代码如下:



Javascript


代码



$$(


function


()


{


$$(



).click(


function


()


{


$$(



).click();


$$(



).get(0).click();


});


});


< p>


IE


中一测试,通过了??有点兴奋。可是,在


fireFox


中却提示:


click ()


不是一个


function


。说真 的,


IE


浏览器提供的东西对开发人员来说很好,而

< p>
fireFox


却没有,比如


之前说到的


onpropertychange


等。


不过,


我们必须的考虑


IE


之外的浏览器。< /p>


在网上查资料,


有不少人提到在


fire Fox


中要用代码触发一个事件,需要如下处理:



Javascript


代码



var


evt


=


Event(



);


ent(



,


false


,


false


);


//


或用


initMouseEvent()


,不过需要更 多参数




$$(



).get(0).dispatchEvent(evt);



按以上方法来实现我想要的功能,代码如下:



Javascript


代码



$$(


function


()


{


$$(



).click(


function


()


{


$$(



).click();




if


($$.)


{


$$(



).get(0).click();


}



else



{



var


evt


=


Event(



);


ent(



,


false


,


false


);


$$(



).get(0).dispatchEvent(evt);


}


});


});



这时,在


IE


中是完全正常的。然而,在


fireFox


中的情况与直接使 用


jQuery



click()



件一样,能触发单击事件,超链接却没有转到目标地址(注意:提 交按钮用此方法也是能够


提交的,


我想


jQuery



click()


的实现 大概是这样实现的吧)



哎,


觉得还是


IE


好。


呵呵。




如此一来,这种方法仍然不能解决


FireFox


中的问题。得继续寻找其他方法。




既然在


fireFox


中能够触发单击事件,却不能转到超链接的目标地址,那么,可以用


js



实现跳转,即:使用


location< /p>


对象。代码如下:



Javascript


代码


-disguise


-disguise


-disguise


-disguise


-disguise


-disguise


-disguise


-disguise



本文更新与2021-01-29 09:41,由作者提供,不代表本网站立场,转载请注明出处:https://www.bjmy2z.cn/gaokao/584811.html

js模拟点击事件的相关文章

  • 余华爱情经典语录,余华爱情句子

    余华的经典语录——余华《第七天》40、我不怕死,一点都不怕,只怕再也不能看见你——余华《第七天》4可是我再也没遇到一个像福贵这样令我难忘的人了,对自己的经历如此清楚,

    语文
  • 心情低落的图片压抑,心情低落的图片发朋友圈

    心情压抑的图片(心太累没人理解的说说带图片)1、有时候很想找个人倾诉一下,却又不知从何说起,最终是什么也不说,只想快点睡过去,告诉自己,明天就好了。有时候,突然会觉得

    语文
  • 经典古训100句图片大全,古训名言警句

    古代经典励志名言100句译:好的药物味苦但对治病有利;忠言劝诫的话听起来不顺耳却对人的行为有利。3良言一句三冬暖,恶语伤人六月寒。喷泉的高度不会超过它的源头;一个人的事

    语文
  • 关于青春奋斗的名人名言鲁迅,关于青年奋斗的名言鲁迅

    鲁迅名言名句大全励志1、世上本没有路,走的人多了自然便成了路。下面是我整理的鲁迅先生的名言名句大全,希望对你有所帮助!当生存时,还是将遭践踏,将遭删刈,直至于死亡而

    语文
  • 三国群英单机版手游礼包码,三国群英手机单机版攻略

    三国群英传7五神兽洞有什么用那是多一个武将技能。青龙飞升召唤出东方的守护兽,神兽之一的青龙。玄武怒流召唤出北方的守护兽,神兽之一的玄武。白虎傲啸召唤出西方的守护兽,

    语文
  • 不收费的情感挽回专家电话,情感挽回免费咨询

    免费的情感挽回机构(揭秘情感挽回机构骗局)1、牛牛(化名)向上海市公安局金山分局报案,称自己为了挽回与女友的感情,被一家名为“实花教育咨询”的情感咨询机构诈骗4万余元。

    语文