1

我正在尝试让 jQuery onblur 在 Google Apps Script HtmlService 中工作。我可以获得要渲染的 HTML 和所有内容，但是 onblur 不起作用。我只是在做一个简单的工作以使其首先工作，对输入文本进行模糊处理并更改 div 背景的颜色。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('#color').blur(function(){
    $('#container').css('background-color','#ffffff');
  });
});
</script>

<label>Background Color: </label><input type="text" size="30" id="color" name="color" /><br />

<div id="container" style="background-color:#9fc1f1;">
test
</div>
4

1 回答 1

1

这对我来说很好。这是已部署的版本（我将 on change 颜色更改为蓝色以更加突出）-

https://script.google.com/macros/s/AKfycbykzYO1_z5Zp0g5Nx1F5aLa10JVIbN8nQGSWskBQdzypLRRnklw/exec

这是我的完整脚本。我确实注意到，如果我没有周围的<html>标签，它就不起作用。您是否将其包含在脚本中？

<html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('#color').blur(function(){
    $('#container').css('background-color','#000fff');
  });
});
</script>
<label>Background Color: </label><input type="text" size="30" id="color" name="color" /><br/>
<div id="container" style="background-color:#9fc1f1;">
test
</div>
</html>
于 2012-11-03T17:37:35.287 回答