[英]Space Key Disabled in Form in Bootstrap Carousel Slide
我在Bootstrap輪播幻燈片中有一個表單。 我無法在字段的文本框中輸入空格,也看不到原因。 這是我的代碼:
<section class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false">
<div class="carousel-inner" role="listbox">
<div class="item active">
<form class="form-inline" name="myForm">
<div class="form-group">
<input name="title" type="text" class="form-control" />
</div>
<button type="submit" class="btn btn-success btn-link">Submit</button>
</form>
</div>
</div>
</section>
您可以捕獲空格鍵的按鍵(代碼32)並防止傳播到轉盤。
$('input').on('keydown', function (e) {
if (e.keyCode == 32) {
e.stopPropagation();
}
});
我還可以防止在圓盤傳送帶上進行鍵盤導航,否則使用箭頭的人可能會在圓盤傳送帶幻燈片中導航。
<section class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false" data-keyboard="false">
實時示例: http : //www.bootply.com/phVgpOYnO0
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.