html如何模拟点击,Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox

article/2025/10/25 19:48:51

一把情况下模拟点击一般两个方面,模拟点击超级连接事件

firefox的兼容的函数为

对HTMLAnchorElement 加入onclick事件

try {

// create a element so that HTMLAnchorElement is accessible

document.createElement('a');

HTMLElement.prototype.click = function () {

if (typeof this.onclick == 'function') {

if (this.onclick({type: 'click'}) && this.href)

window.open(this.href, this.target? this.target : '_self');

}

else if (this.href)

window.open(this.href, this.target? this.target : '_self');

};

}

catch (e) {

// alert('click method for HTMLAnchorElement couldn\'t be added');

}

下面是具体的应用

try {

// create span element so that HTMLElement is accessible

document.createElement('span');

HTMLElement.prototype.click = function () {

if (typeof this.onclick == 'function')

this.onclick({type: 'click'});

};

}

catch (e) {

// alert('click method for HTMLElement couldn\'t be added');

}

下面是网友的其它相关文章也可以参考下。

最近做东西发现用户在网页输入框里面按回车的行为是不固定的。。。

特别是在网页有多个表单的时候

于是搜了一把找了一个模拟点击的js,经测试能在firefox和ie上运行

function doClick(linkId, e){

if(e.keyCode != 13){

return;

}

var fireOnThis = document.getElementById(linkId)

if (document.createEvent)

{

var evObj = document.createEvent('MouseEvents')

evObj.initEvent( 'click', true, false )

fireOnThis.dispatchEvent(evObj)

}

else if (document.createEventObject)

{

fireOnThis.fireEvent('onclick')

}

}

其中e是event,内置对象,linkId是模拟被点击的对象id

比如

这样的话就能让用户按回车来提交表单了~

opera可以再改一下

a.jpg

click me

http://chatgpt.dhexx.cn/article/VIlEVtOi.shtml

相关文章

利用js脚本模拟鼠标点击事件

1. 前言 最近牛课网上推出了一个 【编程之美01期】编程黑科技-如何用脚本抢月饼的活动, 觉得蛮好玩的,正好试验一下 2. 思路 首先先写一个简单的网页, 这里我们直接写一个记录点击次数然后跳转到牛客网的页面 http://www.zhyh2010.cn/now…

js 模拟点击事件

1、element.click() 2、jquery $(element).click()或者trigger()该方法只会触发onclick的方法,如a点击跳转href 需要$(a)[0].click() 3、mouseEvent event new MouseEvent(typeArg, mouseEventInit) typeArg DOMString 格式的事件名称。 mouseEventInit 可选…

windows修改hostname

修改文件:C:\Windows\System32\drivers\etc\hosts,增加红框部分:

修改host文件

1、进入host文件下 地址:C:\Windows\System32\drivers\etc 2、把host文件移动到桌面再修改内容 3、保存后,再拖动到C:\Windows\System32\drivers\etc目录下

修改主机名(/etc/hostname和/etc/hosts区别)

ubuntu永久修改主机名 1、查看主机名 在Ubuntu系统中,快速查看主机名有多种方法: 其一,打开一个GNOME终端窗口,在命令提示符中可以看到主机名,主机名通常位于“”符号后; 其二,在终端窗口中输入…

wsl 修改 hostname

我在使用Windows 的 wsl 功能的时候发现在默认情况下 wsl 的 hostname 是和当前 windows 系统的主机名称保持一致的。当我尝试使用 hostname 修改主机名时,发现并不能完全修改,在重新进入后又会恢复成原来的样子。经过不停的查找,终于找到了能…

Linux如何修改主机名hostname(修改用户名@后面的virtual machine)

在ubuntu中,关于主机名的文件存放在/etc/hostname文件下,具体的操作流程如下。 1、打开虚拟机终端,输入命令:vi /etc/hostname,进入文件,如下图所示。 vi /etc/hostname 2、主机名默认为virtual machine…

python网课推荐-python网课什么平台好

学习计算机方面的网络课程当然要听听行业标杆谷歌怎么说。谷歌公司为了指导新鲜的程序猿们快速入行,开了一份网络课程学习清单Google Technical Development Guide。这份课程清单真是简洁清晰明了,自从有了它,再也不用担心没有网课学习了。 话…

免费学python的网课-像玩游戏一样学Python,和各种网课说再见

原标题:像玩游戏一样学Python,和各种网课说再见 Python有多火,已经不用我多说了。 爬虫、大数据、人工智能、3D游戏开发......Python无所不能。 ▲Python的应用 但很多同学还是会说,入门Python好难啊。网上的教程都各种混乱&am…

python免费网课-python网课资源

广告关闭 腾讯云双11爆品提前享,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高满返5000元! 对于有志学习python的开发者来说,python吸引人的地方不仅是有一个优秀的社区,而且…

python大学课程-Python 爬取中国大学 MOOC 课程

中国大学 MOOC 是网易旗下一款慕课视频教育网站。实话说,这是网易几款教育类产品中,我最喜欢的一个。自己也使用了一年多,观看视频都是需要联网的,但部分 MOOC 课程存在有效期,设定的学期结束即无法观看。 Course Cra…

腾讯课堂Python课程哪家强?

腾讯课堂Python课程哪家强? 文章目录 腾讯课堂Python课程哪家强?一、前言二、数据读取和数据预处理1、数据读取2、数据处理 三、有多少人愿意花钱学Python?四、多少价位的课买的人最多?五、哪家机构的课最多?销量最好&…

python第一记,长江雨课堂抓包刷课实战

前言 发现大学群里好多代刷网课的,确实觉得好多大学网课好费时间,而且没啥用,刚好用来实战一下学的Python,就当练手了。省下来的时间不是又能多敲几行代码😃​一边省时间,还能学技能,这还不学起…

在哪能免费学习python

1、中国大学MOOC 课程很多都是高校开设的,比较推荐南京大学的《用python玩转数据》,从最基础的开始讲,由深入浅,非专业的伙伴也可以听懂。(文末送福利) 2、Python中文学习大本营 所有学习资料和教程都是…

python-seleium实现珞珈在线网课辅助观看功能

《武汉大学安全教育前置课程》网课观看辅助.py脚本 即将来到珞珈山的萌新们,在到校前,你是不是需要完成《武汉大学安全教育前置课程》?视频好多,一个一个来点击观看是不是有些疲累?快来看看这个脚本叭! 本…

python 课程学习

文章目录 目录 文章目录 前言: 一、安装anconda软件​二、使用步骤 2.1.询物理地址 2.2:复制讲义到该文件地址 2.3:OS模块学习 2.3.1 创建地址采用 os.mkdir() 2.3.2 python os.path 的使用 Python os.path() 模块 | 菜鸟教程 (runo…

免费python网络课程-python网络课程

广告关闭 腾讯云双11爆品提前享,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高满返5000元! machine learning course with pythonby machine learningmindset简介本项目的目的是提供一个全面而简单…

python免费课程全套-为了学习Python,我汇总了这10个免费的视频课程!

毫无疑问,Python是目前世界上***的编程语言,它***的优势在于它将越多越多的人带入了编程领域。 近年来,学习Python的人比学习其他任何语言的人都多,许多人学Python是为了它背后的数据科学和机器学习库,当然,也有一些人学习用于Web开发的Python,有些人则学习用于编写脚本…

全套Python课程~

今天是元宵节,元宵节过后很多朋友就要开学啦~提前祝大家开学快乐! 今天给大家分享一套详细全面的Python系统课程,总共有637集,从入门到精通。大家可以先收藏下开学后后慢慢学! 【Python基础】Python_PYTHON入门_零基础…

Python进阶——网课不愁系列AI换脸技术

俗话说的好:网络一线牵,珍惜这段缘! 网络的水很深,年轻人你把握不住,众所周知照片是可以P的,但是“视频”是“P”不了的(狗头保命) 谁能想到AI换脸竟然如此便捷,在Python…