現(xiàn)在的軟件認(rèn)真一點(diǎn)都要注重所謂用戶體驗(yàn)（user experience），比如在 B/S 開發(fā)這塊大家越來越喜歡用 Ajax，就是為了提高界面對用戶的友好程度。我們知道 Ajax 開發(fā)中經(jīng)常會使用聯(lián)動下拉列表，或類似的“連鎖反應(yīng)”。前不久，在我開發(fā)的一個(gè)頁面中使用了聯(lián)動列表的技術(shù)，在向客戶演示時(shí)，出現(xiàn)了一個(gè)尷尬的局面：

客戶在選中了第一級下拉的選項(xiàng)后，程序無刷新讀取數(shù)據(jù)，調(diào)出了相關(guān)的數(shù)據(jù)，是一個(gè)稍微長一點(diǎn)的表單；
隨即客戶想看看頁面下方查出來的東西，于是向下滾動鼠標(biāo)滾輪，可是這時(shí)焦點(diǎn)還在第一個(gè)下拉列表上。可以想見下面發(fā)生了什么：連續(xù)發(fā)生了 n 次選擇不同選項(xiàng)的無刷新調(diào)用。

這種行為顯然不是我所想看到的。雖然可以教客戶每次選擇后，要在頁面空白處點(diǎn)擊一下讓下拉框失去焦點(diǎn)，但這顯然不是個(gè)友好的設(shè)計(jì)。

很自然的，我想到一個(gè)辦法：禁止可能產(chǎn)生聯(lián)動效應(yīng)的那些下拉框的鼠標(biāo)滾輪事件，并將焦點(diǎn)轉(zhuǎn)移到 body 上，讓滾輪變成正常的滾動頁面。代碼非常簡單：

<select?onmousewheel="window.event.returnValue?=?false;?document.body.focus();">
????<option>1</option>
????<option>2</option>
????<option>3</option>
????<option>4</option>
????<option>5</option>
</select>
這個(gè)代碼本身可以說是不值一提?，F(xiàn)在采用 Ajax 開發(fā)越來越多，我覺得如果能總結(jié)出這方面一些小技巧，加強(qiáng) Ajax 程序的用戶體驗(yàn)，應(yīng)該是有價(jià)值的。
對這方面有興趣的朋友，請不吝指教。大家一起總結(jié)一些技巧出來。

總結(jié)

以上是生活随笔為你收集整理的一个关于用户体验的思考的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。