jQuery事件处理方法

on("click","function") - 为选中的页面元素绑定单击事件

click(function) - 是绑定事件的简写形式

处理方法中提供了event参数包含了事件的相关信息

鼠标事件

click

dblclick

mouseenter

mouseleave

mouseover

键盘事件

keypress

keydown

keyup

表单事件

submit

change

focus

blur

文档/窗口事件

load

resize

scroll

unload

java 复制代码
<script type="text/javascript">
		$("p.myclass").on("click", function() {
			//$(this)是指当前事件产生的对象
			$(this).css("background-color", "yellow");
		});

		$("span.myclass").click(function() {
			$(this).css("background-color", "lightgreen");
		});

		$("input[name='uname']").keypress(function(event) {
			console.log(event);
			if (event.keyCode == 32) {
				$(this).css("color", "red");
			}
		});
	</script>
相关推荐
SamChan909 分钟前
在Web应用中集成PDF多语言翻译功能:PDFTranslator API实战指南
前端·python·ai·pdf·yapi·机器翻译
kyriewen23 分钟前
AI Agent 9秒删光了生产数据库——我给自己的项目做了5个紧急检查
前端·ai编程·claude
IT_陈寒34 分钟前
JavaScript的this又双叒叕让我怀疑人生了
前端·人工智能·后端
陈随易1 小时前
MCP协议第5次更新,从打电话到微信聊天的巨大变革
前端·后端·程序员
omnijk1 小时前
前端工程化
前端
做前端的娜娜子1 小时前
前端必看!我把一段"能跑不敢动"的报表代码用 AI 重构成了组件(附完整 Prompt)
前端·ai编程
柚yuzumi1 小时前
变量明明定义了,为什么访问不到?深入理解 JavaScript 作用域
javascript
hunterandroid2 小时前
[鸿蒙从零到一] ArkUI 动画与转场实战:状态驱动、组件过渡与页面衔接
前端
何时梦醒2 小时前
React + TypeScript + Vite 实战:从零构建 Color Picker 应用
前端·javascript·架构