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

このスクリプトに「ラップなし (ヘッド)」を使用してから、jquery の onload または ready 関数を手動で記述します。

于 2012-10-10T04:56:06.133 に答える
0

タグ内ScriptでjQueryとJavascriptの両方を自由に併用できます

私が知る限り、2つの主要なルールがあります

  1. document.ready 内のすべてが非公開になります。そのため、範囲が限定されます
  2. jQuery オブジェクトは、javascript 通常オブジェクトのラッパーです。したがって、javascript と jQuery を混在させる場合は、ほとんど注意する必要はありません。
于 2012-10-10T04:58:20.587 に答える