Onchange用于不在Safari中工作的textarea

Question

我有一个AJAX功能，当我在我的PC上时，它工作得很好。但是当我切换到Safari (移动)时，只有无线电台才会触发AJAX。怎么会这样?

HTML：

<input type="radio" id="q1r1" name="q1" value="Awesome" onchange="GrabData(this)">
<input type="radio" id="q1r3" name="q1" value="Awful" onchange="GrabData(this)">

<div class="comment"><textarea name='q1comment' id='comment' maxlength="400" placeholder="Add a comment (max 400 characters)" onchange="GrabC(this)"></textarea>

阿贾克斯

//AJAX question 1.
        function GrabData(Passeddata){
            var radioValue = Passeddata.value;
            var URL = "question1.php?q1=" + radioValue + "&teamid=" + <?php echo $teamid; ?>; 
            $.ajax( {
                url : URL,
                type : "GET",
                dataType: 'json',
                success : function(data) {
                    if (data == "") {
                        alert("data is empty");
                    } else {
                        console.log('got your data back sir');
                    }
                }
            });
        };
//AJAX for comment question 1.
        function GrabC(PassedComment){
            var radioValue = PassedComment.value;
            var URL = "question1.php?comment1=" + radioValue + "&teamid=" + <?php echo $teamid; ?>; 
            $.ajax( {
                url : URL,
                type : "GET",
                dataType: 'json',
                success : function(data) {
                    if (data == "") {
                        alert("data is empty");
                    } else {
                        console.log('got your data back sir');
                    }
                }
            });
        };

同样，在我的个人电脑上工作很好，在手机上似乎不起作用。不知道为什么！

Answer 1

尝试keyup事件和change；当您模糊时，change会触发，将焦点(不确定这一点)放在元素上，但是keyup实际上在用户键入/点击键时监听更改。

​

$('input[type="text"]').on('change keyup', function(){
    $('#console').text($('#console').text()+ "\r\n"+ this.value);
});
$('textarea').on('change keyup', function(){
    $('#console').text($('#console').text()+ "\r\n"+ this.value);
    /** Send to AJAX 
       GrabC(this);
       GrabData(this);
    **/
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input type="text"/>
<textarea row="4"></textarea>
<pre id="console"></pre>

​