html中鍵盤事件 在路上(16)

2021-07-25 20:11:48 字數 1665 閱讀 7810

鍵盤事件,這裡以onkeyup為例;

解析:當在乙個input中輸入文字時,在另乙個div中輸出文字

在下面是本人寫的小demo,

供分享,

不足之處望建議,不勝感激。

**如下:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>鍵盤事件

title

>

<

style

>

.bigdiv

p.kuang1,.kuang2

.kuang2

.shuru

style

>

head

>

<

body

>

<

div

class

="bigdiv"

>

<

p>以下是輸入後顯示的地方

p>

<

div

class

="kuang1"

>

div>

<

div

class

="kuang2"

>

div>

div>

<

div

class

="shuru"

>

請輸入使用者名稱:<

input

class

="input1"

type

="text"

placeholder

="使用者名稱"

>

密碼:<

input

class

="input2"

type

="text"

placeholder

="密碼"

>

div>

<

script

>

varinput1

=document.queryselector(

".input1");

varinput2

=document.queryselector(

".input2");

varkuang1

=document.queryselector(

".kuang1");

varkuang2

=document.queryselector(

".kuang2");

input1.onkeyup

=function

() input2.onkeyup

=function

();script

>

body

>

html

>

效果圖如下:

Silverlight中鍵盤事件的js開發

在之前的一篇文章中,介紹了silverlight中滑鼠事件的js應用,因為這篇文章內容摘選自sdk,所 以就先暫放在新手區,算是給自己做了個備註吧 下面是相應的xaml keydown.xaml canvas xmlns xmlns x x name mytextcanvas textbox can...

16 滾輪事件與鍵盤事件

onmousewheel 滑鼠滾輪滾動的事件,會在滾輪滾動時觸發,但是火狐不支援該屬性 dommousescroll 在火狐中使用dommousescroll來繫結滾動事件,注意該事件需要通過addeventlistener 函式來繫結 event.wheeldelta 可以獲取滑鼠滾輪滾動的方向 ...

安卓中鍵盤輸入事件的實現

鍵盤的處理有幾種方式,其中看需求情況,有的是 鍵盤進行事件處理,有的是正在輸入時候進行鍵盤處理,今天我實現鍵盤輸入時進行事件的處理 et01.addtextchangedlistener new textwatcher override public void beforetextchanged c...