有時候,錯誤提示框并不足以表現出我們的意思,我們需要通過對用戶發出聲音來更直觀地告知用戶,這時,jquery錯誤聲音提示功能就能派上用場。
下面是一段簡單的jquery代碼,可以實現在用戶輸入出錯時,發出錯誤聲音提示:
$(document).ready(function(){ $('input').on('invalid', function(){ var audio = new Audio('error.mp3'); // error.mp3是錯誤聲音文件的名字,需要提前準備好 audio.play(); // 播放錯誤聲音 }); });
如上所示,我們可以在文檔加載完成后,通過監聽input元素的invalid事件來實現錯誤聲音提示。新建一個Audio對象,將錯誤聲音文件名作為參數傳入,然后通過調用play()方法來播放音頻文件。
需要注意的是,在瀏覽器的安全策略下,如果你想通過代碼來播放聲音文件,必須先暫停所有尚未播放的音頻文件,并且用戶需要先發出某些手段來激活頁面(如點擊按鈕等)。如果未滿足這兩個條件,代碼播放聲音將會失敗。
上一篇css 中文件命名規則
下一篇css 中心點放大