带有 Google Apps 脚本的 jQuery onblur

【问题标题】：jQuery onblur with Google Apps Script带有 Google Apps 脚本的 jQuery onblur
【发布时间】：2012-11-04 01:37:35
【问题描述】：

我正在尝试让 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>

【问题讨论】：

标签： google-apps-script

【解决方案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>

【讨论】：

是的，这就是问题所在。在本地进行并复制粘贴在它上面。谢谢！