分数和文本框移动到屏幕上方

时间:2014-09-19 15:13:26

标签: javascript jquery html

下面的代码,当我在iphone / android设备中执行时,当我在文本框中输入文本时,分数,文本框正在屏幕上方移动。当我在文本框中写下文本时,我希望屏幕保持不变。

<div id="score">score: 0</div>
<input type="text" id="question" />
<input type="text" id="question1" />



 <script>
    var answers = {
        'question': 'yes',
        'question1': 'no'
    };
    var score = 0;
    function checkResults() {
        var $this = $(this), val = $this.val().toLowerCase();
        for (var k in answers) {
            if (answers.hasOwnProperty(k)) {
                if (answers[$this.attr('id')] && answers[$this.attr('id')] === val) {
                    score += 1;
                }
            }
        }
        $('#score').text('score: ' + score);
    }
    $('input').on('keyup', checkResults);
</script>

0 个答案:

没有答案