當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript-jQuery事件
生活随笔
收集整理的這篇文章主要介紹了
JavaScript-jQuery事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參考文檔： https://jquery.cuishifeng.cn/
事件
鼠標事件，鍵盤事件，其他事件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="lib/jquery-3.6.0.js"></script><style>#divMove{width: 500px;height: 500px;border: 1px solid red;}</style> </head> <body> <!-- 要求： 獲取鼠標當前的一個坐標 --> mouse: <span id="mouseMove"></span><div id="divMove">在這里移動鼠標試試 </div><script>// 當網頁元素加載完畢之后，響應事件 -- 完整寫法// $(document).ready(function () {//// })// 當網頁元素加載完畢之后，響應事件 -- 簡寫$(function () {$('#divMove').mousemove(function (e) {$('#mouseMove').text('x: '+e.pageX + 'y: '+e.pageY)})}) </script> </body> </html>mousemove： 鼠標移動
其他事件可參考 https://jquery.cuishifeng.cn/
https://www.bilibili.com/video/BV1JJ41177di?p=28
總結
以上是生活随笔為你收集整理的JavaScript-jQuery事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 超详细前端开发案例：品优购商场项目(三)
- 下一篇： JavaScript-操作BOM对象