当textarea具有焦点时,向上/向下翻页不会滚动页面

时间:2016-11-06 11:13:46

标签: javascript html textarea

<textarea>具有焦点时,使用 PG UP PG DOWN 时,事件不会发送到父文档,因此不会't 滚动页面。 如何滚动页面?

a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
<textarea>hello</textarea><br>
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>

1 个答案:

答案 0 :(得分:0)

使用.blur()可以将PG UP / PG DOWN传播到页面,因此可以滚动页面。

$('textarea').keydown(function(e){
   if (e.keyCode == 33 || e.keyCode == 34) {   
            $('textarea').blur();
   }
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
<textarea>hello</textarea><br>
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>