文档章节

js脚本执行click事件

SKYCOBS
 SKYCOBS
发布于 2016/09/14 21:50
字数 258
阅读 201
收藏 0
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button id="cs">click me</button>

	<button id="cs2" onclick="console.log(456789);">click me</button>

	<a id="a1" href="http://www.baidu.com"><span>跳转网址(jq可以跳转)</span></a>

	<a id="a2" href="http://www.baidu.com">跳转网址(jq不可以跳转)</a>
</body>
<script src="./jquery-1.12.1.min.js"></script>
<script>
	var bObj = document.getElementById("cs");
	function show(){
		console.log(123456);
	}
	bObj.addEventListener("click",show);
	bObj.click();

	// 实现点击按钮执行click
	// var bObj1 = document.getElementById("cs");
	// bObj1.click();
	// jq实现点击$('a').click();
</script>
</html>

在点击button时,使用js或jq都能点击得到效果

但在点击a标签时,只有js方法才能实现页面跳转,若使用jq,只能在a标签中包含一个元素,jq触发这个元素的点击事件,然后通过事件冒泡出发a标签实现跳转.

如果想jq想实现a标签(id="a2")那个链接的跳转,还可以先给这个a标签添加一个子元素然后再点击通过冒泡实现调整

$('#a2').html('<span>cs</span>').children().click()

 

© 著作权归作者所有

上一篇: jdbc 直接查询sql
下一篇: window.postMessage
SKYCOBS
粉丝 10
博文 122
码字总数 19280
作品 0
呼和浩特
程序员
私信 提问
带你了解JavaScript的运行机制—Event Loop

JS 是单线程的。 首先,众所周知,JS 是单线程的,为什么这种低效的运行方式依旧没有被淘汰那?这是由它的用途决定的;JS 主要用途是用户交互和DOM操作,举例来说假如js同时有两线程,一个线...

铜板街技术
02/03
0
0
Javascript浏览器兼容性

JS <noscript>标签 早期浏览器都面临一个特殊的问题,即当浏览器不支持JavaScript 时如何让页面平稳地退化。对这个问题的最终解决方案就是创造一个<noscript>元素,用以在不支持JavaScript ...

wersdffg
2015/07/23
802
1
详解JavaScript的任务、微任务、队列以及代码执行顺序

摘要: 理解JS的执行顺序。 作者:前端小智 原文:详解JavaScript的任务、微任务、队列以及代码执行顺序 思考下面 JavaScript 代码: 控制台打印的顺序是怎样的? 答案 正确的答案是:, , , ...

Fundebug
07/25
21
0
ADF 客户端代码调用服务器方法

目标:如何在客户端调用JS代码,并调用生成的bean里的函数 步骤一:首先要给要加载的控件添加控件clientListener,然后添加serverListener,要调用这两个监听器,一定要将被夹在的控件的cli...

liuNico
2012/07/18
271
0
C#代码与javaScript函数的相互调用

问: 1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量? 4.如何在C#中访问JavaScript函数? 问题1答案如下: javaScript函数中执行C#代码...

孟宪迎
2009/12/27
172
0

没有更多内容

加载失败,请刷新页面

加载更多

哪些情况下适合使用云服务器?

我们一直在说云服务器价格适中,具备弹性扩展机制,适合部署中小规模的网站或应用。那么云服务器到底适用于哪些情况呢?如果您需要经常原始计算能力,那么使用独立服务器就能满足需求,因为他...

云漫网络Ruan
今天
10
0
Java 中的 String 有没有长度限制

转载: https://juejin.im/post/5d53653f5188257315539f9a String是Java中很重要的一个数据类型,除了基本数据类型以外,String是被使用的最广泛的了,但是,关于String,其实还是有很多东西...

低至一折起
今天
23
0
OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
11
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
9
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部