事件冒泡 仿select下拉框

2022-08-23 21:15:18 字數 962 閱讀 1963

要求:點選按鈕時,下拉框顯示;點選頁面其他部分時,下拉框消失;

1

doctype html

>

2<

html

>

3<

head

lang

="en"

>

4<

meta

charset

="utf-8"

>

5<

title

>

title

>

6<

style

>

7#div1

13style

>

14<

script

>

15window.onload

=function

() ;

22document.onclick

=function

() ;25}

26script

>

27head

>

28<

body

>

29<

input

id="btn1"

type

="button"

value

="show"

/>

30<

div

id="div1"

>

div>

31body

>

32html

>

不靠譜原因:當點選按鈕時,(1)點選事件在btn上觸發並執行,此時下拉框顯示;(2)事件一直向上冒泡,並遇到了定義在document上的點選事件,觸發並執行,此時下拉框不顯示;

1

obtn.onclick = function (event) ;

select下拉框的響應事件

寫了幾次ssh的小專案,一步步還是有學到很多東西,記錄一下,以後忘了的話,還可以翻翻看看。注 越來越覺得用div標籤的好處了 首先實現乙個小功能,下拉框的時間的響應 3 按照使用者id查詢 selectchange id selectsid 0 all users student all list ...

下拉框處理(select)

在ui自動化測試過程中,經常會遇到一些下拉框,我們有三種可選方式來操作下拉框。第一種方法 基於webdriver的兩次click,很容易出現問題,不建議使用。由於部分下拉框在點選一次後,失去焦點再點下一次時可能下拉框中的引數就消失了,那麼就無法進行選擇了,所以會出現無法定位到目標元素或目標元素不可見...

select下拉框預設選擇

select標籤構成的下拉框和jquery通過js構建的下拉框用法一樣。例如 html下拉框 啟用 停用 js控制的下拉框 editdisplayname combobox 兩者的本質是相同的,但是,select標籤建立的下拉框會預設選中第乙個選項。而js控制的下拉框預設是不會選中任何選項的。當然s...