在点击页面之前输入值不会改变

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');
    }
});