jquery - 输入值在单击页面之前不会更改

Question

目前我有这个：

js

$(function() {
    if(window.Touch) {document.addEventListener("touchstart", function() {
        $('.field1').val('Shorter Value');
    },false);}
});

“.field1”的值目前是“较长的值”，但直到我点击（点击移动设备）它才变为“较短的值”

有任何想法吗？

Answer 1

这就是你告诉它要做的事情——它在touchstart事件被触发时发生。

如果您希望它在页面加载时发生window.Touch，请说：

$(function() {
    if(window.Touch) {
        $('.field1').val('Shorter Value');
    }
});

Answer 2

当你使用 时addEventListener，你要求浏览器在事件发生时执行回调（这里是touchstart事件）。

如果您想立即执行代码（更准确地说是在 DOM 准备好后立即执行），请不要使用addEventListener：

$(function() {
    if(window.Touch) {
        $('.field1').val('Shorter Value');
    }
});