2

我正在研究 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/

谢谢你。

4

4 回答 4

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

window 对象是您真正的全局命名空间，您可以引用它来定义其他外壳中的变量和函数。使用上面的，注意唯一改变的是第一行和最后的分号。

于 2012-10-10T04:58:22.880 回答
0

我认为在何处或如何添加纯 Javascript 并不重要。如果您确实需要这样做（主要是在您自己的应用程序中），请将 jQuery 和 Javascript 分开，例如

// pure Javascript
function clearText(field){   
    if (field.defaultValue == field.value) field.value = '';   
    else if (field.value == '') field.value = field.defaultValue;   
}

// jQuery
$(function() {
    // all your jQuery scripts
});
于 2012-10-10T04:54:42.797 回答
0

对此脚本使用“no wrap (head)”，然后为 jquery 手动编写 onload 或 ready 函数

于 2012-10-10T04:56:06.133 回答
0

在Script标签内，您可以自由地同时使用 jQuery 和 Javascript

据我所知，有两个主要规则

  1. document.ready 中的任何内容都将变为私有。因此，范围将受到限制
  2. jQuery 对象是 javascript 普通对象的包装器。因此，在混合使用 javascript 和 jQuery 时必须小心谨慎。
于 2012-10-10T04:58:20.587 回答