問題タブ [keyup]

ユーザーが特定のキーフレーズを入力したときにアクションを実行する jQuery プラグインを開発しようとしています。

たとえば、キーアップで「HELLO」を一致させたいとします。

次に、controllerKey を文字列 "HELLO" (str.charCodeAt() のおかげ) などと比較しますが、ここでは重要ではありません。この時点ですべてが正常に機能します。

私の問題は、「HeLLo」と一致させたい場合に発生します（実際、文字列に大文字が含まれている場合）。フォーラムで、キーアップまたはキーダウンは何の違いもないことを見ました。

だから私はそれを非常にうまく管理するキープレスを使用しますが、キープレスでは矢印キーなどを一致させることができません（Chromeの場合）。

keypress と keyup を組み合わせることが可能かどうかを知りたい (keypress がイベントと一致しない場合のみ)。

前もって感謝します。

ここでは、他のイベント タイプが正常に動作するようです。たとえば、mouseenter次のようになります。

しかしkeyup、またはkeypress- を使用しても機能しません。この行のイベント タイプ以外は、コード内で何も変更していません。例：

テキストエリアに入力しましたが、myalert呼び出されません。

jquery 1.7.1 を使用しています。

数字のみを受け入れる日付を入力するためのテキスト フィールドを作成しようとしています。他の文字を入力した場合、テキスト フィールドに表示する必要はなく、カーソルは同じ位置に留まる必要があります (次の文字位置に移動する必要はありません)。入力した値が数値の場合は、テキスト フィールドに表示し、カーソルを次のレベルに移動する必要があります。最後に、テキスト フィールドには数字のみが含まれます。

次のコードを使用しています。

高度なありがとう、

Vソフト

問題があります。誰かがフィールドに入力している場合、これにより他のすべてのユーザーのテキストフィールドが読み取り専用になり、「誰かが今入力しています」のようなメッセージが表示されます。

そしてこれはcontrol.phpです：

これは、click（）メソッドのシャームのように機能しますが、keyup（）の場合は機能しません。

助けてくれてありがとう。

I'm trying to get the value of an <input type=text> with the method keyup from jQuery but whenever i log it it logs undefined.

Here is my code:

Thanks in advance

EDIT

I have a table wich displays all the information of a database, and i have a button to edit the information, what i do is i convert all of the <td class="editable"> to an <input type="text"> and i'm trying to get the value from them after i click the button again, i will send the info via $.post() but i can't get the value from these inputs

EDIT 2 Here is the full code of the handler hope it helps, thanks to all that have contributed $('.edit').on('click',function(e){

UPDATE
there was something else wrong in my code outside of the one i shared here that messed up the funcionality.
Thanks to everyone who helped

わかりましたので、ようやくjQueryに取り掛かりますが、機能を実行するための基本的な問題を抱えています。ページに 3 つの入力フィールドがあり、そのうちの 2 つが無効になっています。私の目標は、ユーザーが最初の入力フィールドにテキストを入力すると、他の 2 つのフィールドの値が keyup() で、ユーザーが最初の入力フィールドに入力した値に変更されることです。

自分のページに配置する前に jsfiddle.net で関数をテストしたところ、すべてのブラウザーで正常に動作しましたが、その関数を自分の Web ページに移動して実行すると、関数は動作しません。Firefox 3.6 では動作するようですが、それ以降のバージョンでは動作しません。また、何らかの理由で chrome や IE でも機能しません。

jsfiddle デモ

jQuery

CSS

HTML

プロジェクトの 1 つに superboxselect を使用しています。追加のフィルタリングを実行する必要があります。したがって、キーアップイベントでそれを実行できる必要があります。しかし、私はそれを働かせることができません。

1. 同じ html ページに複数の語彙テーブルがあります。
2. 各語彙テーブルの上で、ユーザーがフィールドに単語またはフレーズを入力して、入力した単語またはフレーズを含むテーブル行のみを表示できるようにしたいと考えています。たとえば、「orde」と入力すると、文字列「orde」を含まない表の行が表示されなくなります。http://www.amanado.com/idioma-coombiano/にアクセスし、"Vocabulario (official y de jerga) - palabras y frases comunes" をクリックしてアコーディオン セクションを展開し、"orde" と入力すると、これは既に機能しています。 「Ingresa palabra o frase en el siguiente campo para filtrar la información de la tabla」という言葉の下のフィールドに。「orde」を入力すると、語彙表の 2 行を除くすべてが消えます (2 行が残ります)。
3. 私は2つの問題を抱えています。私が抱えている最初の問題は、フォームフィールドの最初の外観のみが機能するため、ページの各語彙テーブルの上にフォームフィールドを繰り返すことができないことです。私が抱えている2番目の問題は、フォームフィールドをそのすぐ下のテーブルのすべての行にのみ適用したいということです。現在、フォーム フィールドは、「myTable」クラスを持つページ上のすべてのテーブルのすべての行に適用されます。おそらく、各テーブルのテーブル ID を指定して、テーブルの上のフォーム フィールドを、フォーム フィールドのすぐ下のテーブルのテーブル ID にのみ適用することができます。そして、JavaScript や追加の css クラスを追加しすぎることなくこれを達成できれば素晴らしいことです (できれば、css クラスを追加することは避けたいと思います)。
4. 以下は、(a) 私の html に表示されるフォーム フィールドです。(b) 私の html に表示されるオープン テーブル タグの例。（c）私が使用しているJavaScript。
5. 私はソフトウェア エンジニアではありませんが、誰かが具体的に何をすべきかを教えてくれれば、変更を実装する方法を知っています (たとえば、この正確な変更を行い、次にこの正確な変更を行い、次にこの正確な変更を行います)。誰でも提供できる支援に感謝します。文字通りの指示は特に高く評価されます。

(a) ここから始まるフォームフィールド

(a) フォームフィールドはここで終了

(b) open table タグはここから始まります

(b) open table タグがここで終了

(c) JavaScript はここから始まります (ソース: http://www.designchemical.com/blog/index.php/jquery/live-text-search-function-using-jquery/ ; この JavaScript を 1 つ修正して、 class="myTable" を含むテーブルの行にのみ適用されます)

(c) JavaScript はここで終わります

ビートルートが提案する変更の分析はここから始まります

ビートルート、ありがとう。提案された変更を実装しました。その結果、私は 4 つの小さなバグを見つけました。これらはすべて、あなたが既に解決したものよりもはるかに簡単に解決できると思います。＃1と＃2はショーストッパーであり、＃3と＃4は私が扱いやすい. あなたまたは他の誰かが、以下の #1 と #2 のバグを解消する方法を教えてくれれば、それは素晴らしいことです。すでに提供してくださった親切なヘルプに感謝します。

1)1 つまたは一致が見つかった場合、filter-count は正しいです。ただし、入力フィールドをクリアした後、テーブル行の合計数が表示され、この数は正しくありません。表示される数値は「1」～高です。たとえば、この質問の上部にある #2 で提供されている同じ Amanado.com リンクに移動し (Stackoverflow では、新しいユーザーであるため、この質問に別のリンクを追加することはできません)、「Vocabulario」を展開します。 (official y de jerga) - abreviaturas comunes" アコーディオンの場合、"Ingresa palabra o frase en el siguiente campo para filtrar la información de la tabla" という単語の下の入力フィールドに "ap" を入力すると、結果は "2" 行になります。正しい。次に、「ap」を削除して入力フィールドをクリアすると、結果は「19」行になり、これは正しくありません (正しい行数は「Beetroot の提案された変更に 1 つの変更を加えたことに注意してください。これは、外観/美的理由から $count.text(" Total = " + count) を ("(" + count + ")") に変更したことです。これが、この誤ったフィルター数の問題と関係がないことを願っています。Beetroot の提案された変更に 1 つの変更を加えたことに注意してください。これは、外観/美的理由から $count.text(" Total = " + count) を ("(" + count + ")") に変更したことです。これが、この誤ったフィルター数の問題と関係がないことを願っています。

2)入力フィールドに値が入力されると、テーブルのヘッダー行が失われます。ただし、テーブルのヘッダー行は常に表示されている必要があります。上記の #1 に従って、テーブル ヘッダー行が表示されない場合は行数が正しく、テーブル ヘッダー行が存在する場合は行数が正しくない (「1」が多すぎる) ことに注意してください。

3)タグを削除すると、css が失われるか、入力フィールドが正しくありません。以下は私が使用しているcssです。javascriptの「input-text」を「live-search」に、入力欄のclass="input-text"を「live-search」に変更してみましたが、これではcssが復元されないので、これらの変更を削除しました指定したとおりに JavaScript と入力フィールドに戻ります。したがって、タグが削除されたときにcssを機能させることに成功していないため、今のところ、無関係なタグを引き続き使用しています。

4)次のタグに「0」が存在する場合、少なくとも入力フィールドの最初の出現で「0」がページに表示されます。ただし、何も入力されていない場合は「0」があってはなりません。何も入力されていないときに「0」が存在する場合、すべてのテーブル行が表示され、正しいフィルター カウントは、表示されているテーブル行の合計からテーブル ヘッダー行の「1」を引いたものになるため、「0」は正しくない/誤解を招く可能性があります。この問題に対処するために、.

5)以下は、現在 (a) 入力フィールド、(b) テーブルの開始タグ、(c) css、および (d) Beetroot が提案した変更を行った後に使用している JavaScript です。

(a) 入力フィールドはここから始まります

(a) 入力フィールドはここで終了

(b) テーブル開始タグはここから始まります

(b) テーブルの開始タグがここで終了

(c) cssはここから始まる

(c) cssはここで終了

(d) JavaScript はここから始まります

(d) JavaScript はここで終了

私はリッチテキストエディタとして素敵な編集テキストエディタを使用しています。

あなたはここでそれを見ることができます：niceedit

方法はわかりませんが、jQueryキーアップイベントがこのテキストエディタで機能していません。

私のコードは正しいと確信しています

このインラインJavaScriptでも機能しません。

私は実際、キーアップイベントでこのテキストエディタのコンテンツをコピーしたいだけです。しかし、それでもこの単純なコードは機能していません。

私の一般的な推測では、開発者は何らかの理由でこれらのイベントを無効にしている可能性があります。

それを有効にする方法はありますか？

注：スムーズに実行される別のjQueryプログラムをテストしました。

私はここにいくつかのコードを持っています：

keyUpを検出し、それを使用して何かを検索します。問題は、＃queryboxが空になるまでバックスペースされると、ページ全体がクラッシュし、「Awwww、Snap！」が表示されることです。GoogleChromeからのメッセージ。

jQueryv1.7.2を使用しています

Thx 100万！

編集

また、search（）関数が本文のテキストを強調表示することにも注意してください（コメント付きのセクションに注意してください）。ハイライトプラグインを使用しています...

Fnを検索：