字符串对象和监听事件（JS和Jquery）

最新推荐文章于 2023-04-06 20:10:41 发布

爱窦

最新推荐文章于 2023-04-06 20:10:41 发布

阅读量334

点赞数

分类专栏： JavaSript

本文链接：https://blog.csdn.net/weixin_44342481/article/details/114644630

版权

JavaSript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

String对象
字符串对象的方法
鼠标事件监听
事件委托
form表单

String对象

在这里插入图片描述

字符串对象的方法

字符串对象.方法名( )
var str=“this is JavaScript”;
var selectFirst=str.indexOf(“Java”);//返回出现java的开始下标
var selectSecond=str.indexOf(“Java”,12);
在这里插入图片描述

鼠标事件监听

在这里插入图片描述
补充：onkeypress事件中用event.keyCode来获取按下的键。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				// 	--------------普通事件绑定------------------
				$("#btn").click(function() {
					alert("click");
				});
				
				
				$("#btn").mouseover(function() {
					alert("click");
				});

				//----------------多个事件同时绑定-----------------------
				//绑定点击时间和接触事件
				$("#btn").bind("click mouseover", function() {
					alert("click");
				});

				

				//------------------多个事件同时绑定----------------------------
				$("#btn").on("click mouseover", function() {
					alert("click");
				});
				$("#btn").off("mouseover");

				//每个事件只能执行一次
				$("#btn").one("click mouseover", function() {
					alert("click");
				});
				
				//------------------事件解除绑定----------------------------
				$("#btn").unbind("mouseover");
			});
		</script>
	</head>
	<body>
		<input type="button" id="btn" value="按钮1" />
	</body>
</html>

事件委托

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){

				//事件委托：在id为content的元素中所有的p标签绑定点击事件，新增的p标签依旧能绑定该事件。
				$("#content").on("click","p",function(){
					console.log($(this).text());
				})
				
				$("#btn").on("click",function(){
					$("div").append("<p>新增的段落</p>")
				})
			});
		</script>
	</head>
	<body>
	<div id="content">
		<p>原来段落</p>
		<input type="button" name="" id="btn" value="新增按钮" />
	</div>
		
	</body>
</html>

form表单

form表单的submit按钮绑定onsubmit事件，该事件将form表单的数据提交。

爱窦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
字符串对象和监听事件（JS和Jquery）

String对象字符串对象的方法鼠标事件监听String对象字符串对象的方法字符串对象.方法名( )var str=“this is JavaScript”;var selectFirst=str.indexOf(“Java”);//返回出现java的开始下标var selectSecond=str.indexOf(“Java”,12);鼠标事件监听...
复制链接

扫一扫