使用JS jQuery實現網頁虛擬鍵盤

2021-09-28 19:57:25 字數 1164 閱讀 4488

##首先 我們先看一下完成後的效果

html頁面**

css樣式**

@charset "utf-8";

*body

/* container */

#container

#write

#keyboard

#keyboard li

#keyboard li:hover

.capslock, .tab,.left-shift

#keyboard .tab, #keyboard .delete

#keyboard .capslock

#keyboard .return

#keyboard .left-shift

#keyboard .right-shift

.lastitem

.uppercase

#keyboard .space

.on

將jquery**加入到**中

/*! jquery v3.4.1 | (c) js foundation and other contributors | jquery.org/license */

",e.queryselectorall("[msallowcapture^='']").length&&v.push("[*^$]="+m+"*(?:''|\"\")"),e.queryselectorall("[selected]").length||v.push("\\["+m+"*(?:value|"+r+")"),e.queryselectorall("[id~="+k+"-]").length||v.push("~="),e.queryselectorall(":checked").length||v.push(":checked"),e.queryselectorall("a#"+k+"+*").length||v.push(".#.+[+~]")}),ce(function(e){e.innerhtml="

"],tr:[2,"","

"],td:[3,"","

這樣乙個網頁虛擬鍵盤就完成

Python 使用selenium實現網頁爬取

先來認識下selenium selenium 是乙個用於web應用程式測試的工具。selenium測試直接執行在瀏覽器中,就像真正的使用者在操作一樣。支援的瀏覽器包括ie 7,8,9,10,11 mozilla firefox,safari,google chrome,opera等。就是說selen...

原生js jQuery實現選項卡功能

在大家在網上平常瀏覽網頁的時候,想必各位都會看到選項卡功能,在這裡給大家詳解一下用原生js jquery如何來寫一些基本的選項卡 話不多說,先給各位看一下功能圖 好了,下邊開始寫 了 html ul li class click red li li blue li li yellow li ul d...

使用JS jQuery編寫虛擬軟鍵盤

注意本文 jquery必須引用jquery 見最後 指令碼庫才能實現效果 示例圖 html 段 css樣式 段 charset utf 8 body container container write keyboard keyboard li keyboard li hover capslock,t...