javascript - 如何在基于 jquery 的 jsfiddle 中使用 javascript?

标签 javascript jquery jsfiddle multipage

我正在研究 jsfiddle,并选择使用的框架是“onload,jquery 1.8.2”。

我还调用了以下资源:

  • jquery.multipage.js
  • jquery.validate.min.js

这两个脚本,以及 jsfiddle 中定义的 html 和 css,都在输出预期的结果。

不过,我也在尝试添加一些纯 javascript 来实现一些 onfocus 和 onblur 效果。

我的问题是:

在上述环境下,如何将以下 javascript 添加到 jsfiddle:

<script type="text/javascript">
function clearText(field){
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>

当前状态的 jsfiddle 在这里:

http://jsfiddle.net/eJKQn/139/

谢谢。

最佳答案

window.clearText = function(field){
   if (field.defaultValue == field.value) field.value = '';
   else if (field.value == '') field.value = field.defaultValue;
};

window 对象是您真正的全局 命名空间,您可以引用它来定义其他附件中的变量和函数。使用上面的代码,注意唯一改变的是第一行和末尾的分号。

关于javascript - 如何在基于 jquery 的 jsfiddle 中使用 javascript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12812114/

相关文章:

javascript - console.log与数字的比较

javascript - 迭代顺序在 IE9 中不同

javascript - JSFiddle 代码转 HTML

javascript - 如何从 fiddle 组合 html、js 和 css

javascript - Chrome 浏览器中奇怪的 .replace() 行为

javascript - 无法为 HTML、JS 代码运行 jsfiddle

javascript - 如何在ajax中显示通知后设置超时隐藏div

javascript - 重新声明 JavaScript 函数

javascript - jQuery 日期选择器函数 : datepicker not a function

jquery - 检查 jQuery 对象中返回的单个 DOM 元素