0

ページに A タグを配置すると、ユーザーがそれをクリックすると、次のように情報を書き込むための新しい入力フィールドがページに表示されます。

HTML コード

<a href="" class="smallLink" onclick="return ioAddNewContent()">new info</a>

「新しい情報」をクリックした後に URL にハッシュを追加したくないので、次のように JavaScript が null を返すようにします。

JavaScriptコード

    function ioAddNewContent(){
    var bigLi = document.getElementById('ioAddContents');
    var p = document.createElement('p');
    var label=document.createElement('label');
    var input = document.createElement('input');
    var a = document.createElement('a');
    label.setAttribute('class', 'ioAddOneContent');
    label.innerHTML='write one info';
    input.setAttribute('type', 'text');
    input.setAttribute('class', 'longInput');
    a.setAttribute('href', '');
    a.setAttribute('class', 'smallLink');
    a.setAttribute('onclick', 'return ioAddNewContent()');
    a.innerHTML=' new info';
    p.appendChild(label);
    p.appendChild(input);
    p.appendChild(a);
    bigLi.appendChild(p);
    return false;
}

「新しい情報」を10回クリックした後、ユーザーは新しい入力フィールドを表示するために下にスクロールする必要があります。それは望ましくありません。「新しい情報」をクリックするたびに、画面がその新しい入力フィールドに移動する必要があります。

HTMLコードにname = "here"のタグを追加してそれを実行できることはわかっていますが、javascriptコードに`window.location("#here")`を配置しますが、動的に実行したい

ユーザーがクリックして新しい入力フィールドを追加すると、画面は自動的にその新しい入力フィールドにスクロールする必要があります

4

2 に答える 2

1

使用.focus()して.last()

$('a.smallLink').last().focus();

これはjQueryセットの一部であり、ライブラリを使用しているかどうかはわかりません。

于 2012-05-11T10:26:30.110 に答える
1

スクロール コンテナー (body、または div など) の scrollTop 属性を変更できます。

それが役に立てば幸い。

于 2012-05-11T10:21:00.447 に答える