来了老弟,JavaScript-事件篇

本文讲解JavaScript事件处理机制,包括鼠标与键盘事件的使用。探讨如何通过JavaScript改变HTML元素及窗口大小,介绍事件方法如点击事件onclick的实现,以及如何使用addClass和removeClass进行元素状态的切换。此外,还涉及jQuery的简化写法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JavaScript-事件

JavaScript是一种脚本语言(也是网上最流行的一种),可以帮一个网页实现它的一些事件与动画效果(因平时习惯称之为js,所以在这里我称为js),同时也能改变HTML中的元素与窗口的的大小……其能浅到一个小小的鼠标点击事件,深到我不知道?(就分享我所熟练的几个哈)!

写法:可直接嵌入HTML页面(但得在标签里面才能写入),但写成单独的js文件有利于结构和行为的分离。

编写js首先就得先获取到它所在的HTML源代码那边所对应的id或类名(一般要获取两个,用来触发事件的一个和触发事件后所显示的一个),不然有可能编写的代码没有作用,下图是写法:在这里插入图片描述在这里插入图片描述
在这里插入图片描述

然后就是你所获取的id(btbt)与事件方法名 (点击事件onclick),再就是函数(function)。最后在里面写你所想要显示的元素(rere(id),style(ss3样式),display(显示为),block(块级元素)简单来说就是把你隐藏(注意,display=none是代表隐藏)的显示出来。
在这里插入图片描述(效果图如下)
在这里插入图片描述

还有就是添加(addClass)和删除(removeClass)事件,作用就是你不想要它在原本设定的元素上显示的话可以先用emoveClass事件把它删掉先,然后在你想要显示在那的元素上用addClass事件添加过来。例: page_one.addClass(‘hide’);
page_two.removeClass(‘hide’);

还有jQuery写法:$(’.page_one’).addClass(‘hide’);
$(’.page_two’).removeClass(‘hide’);
在这里插入图片描述

下面给大家分享一下大多鼠标事件(都是类似上面的写法的)在这里插入图片描述

而键盘事件它是有着固定的值用来代表哪一个按键的。例,常用Entre的值(13)
给大家来点东西先,看下图(下面的图都是各处找来的?):在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

写法呢,比如在HTML中构架了一个框,就在这个框的最外层元素中给它一个键盘点击事件(οnkeydοwn=“onreturn()”,类似下图),然后再写函数,函数里写回车键(即Enter键),然后再是一段利用js来帮按键触发单击事件(具体写法看下面第二张图哈)。
在这里插入图片描述
在这里插入图片描述
(好了,这期先这样了?)

内容概要:本文深入探讨了Kotlin语言在函数式编程和跨平台开发方面的特性和优势,结合详细的代码案例,展示了Kotlin的核心技巧和应用场景。文章首先介绍了高阶函数和Lambda表达式的使用,解释了它们如何简化集合操作和回调函数处理。接着,详细讲解了Kotlin Multiplatform(KMP)的实现方式,包括共享模块的创建和平台特定模块的配置,展示了如何通过共享业务逻辑代码提高开发效率。最后,文章总结了Kotlin在Android开发、跨平台移动开发、后端开发和Web开发中的应用场景,并展望了其未来发展趋势,指出Kotlin将继续在函数式编程和跨平台开发领域不断完善和发展。; 适合人群:对函数式编程和跨平台开发感兴趣的开发者,尤其是有一定编程基础的Kotlin初学者和中级开发者。; 使用场景及目标:①理解Kotlin中高阶函数和Lambda表达式的使用方法及其在实际开发中的应用场景;②掌握Kotlin Multiplatform的实现方式,能够在多个平台上共享业务逻辑代码,提高开发效率;③了解Kotlin在不同开发领域的应用场景,为选择合适的技术栈提供参考。; 其他说明:本文不仅提供了理论知识,还结合了大量代码案例,帮助读者更好地理解和实践Kotlin的函数式编程特性和跨平台开发能力。建议读者在学习过程中动手实践代码案例,以加深理解和掌握。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值