# スマホ入力時の数字項目での入力モード自動切換え

**URL:** <https://community.cybozu.dev/t/topic/1202>\
**Category:** kintone 開発相談\
**Created:** [2022 年 12 月 2 日午前 7:24 UTC](https://community.cybozu.dev/t/topic/1202 "2022-12-02T07:24:16Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account51](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account51](https://community.cybozu.dev/u/Legacy_Account51)\
**Post date:** [2022 年 12 月 2 日午前 7:24 UTC](https://community.cybozu.dev/t/topic/1202/1 "2022-12-02T07:24:16Z")

</div>

以下を参考にしてスマホを使用した場合、数字項目の時に自動的にテンキーのモードにできたのですが、テーブルを使用した場合、２行目以降はモードが切り替わりません。２行目以降も自動的にテンキーのモードにするにはどのように記述したらいいのでしょうか？

参考：[スマホやタブレットにおける数値項目での入力モードの自動切り替えについて](https://community.cybozu.dev/hc/ja/community/posts/115009105826-%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%84%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E6%95%B0%E5%80%A4%E9%A0%85%E7%9B%AE%E3%81%A7%E3%81%AE%E5%85%A5%E5%8A%9B%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AE%E8%87%AA%E5%8B%95%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6?input_string=%E3%82%B9%E3%83%9E%E3%83%9B%E5%85%A5%E5%8A%9B%E6%99%82)

```
jQuery.noConflict();
(function($) {
 "use strict";
 kintone.events.on(["mobile.app.record.edit.show","mobile.app.record.create.show"], function(event) {
 $('.gaia-ui-decimal-input-input input').attr('type', 'number');
 return event;
 });
})(jQuery);

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account51](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account51](https://community.cybozu.dev/u/Legacy_Account51)\
**Post date:** [2022 年 12 月 2 日午前 7:49 UTC](https://community.cybozu.dev/t/topic/1202/2 "2022-12-02T07:49:31Z")

</div>

２行目以降でテンキーに自動的にならない条件は、「行を追加する」で追加された行に対してでした。

保存された２行目以降に対して、編集で開いた時には自動的にテンキーになっていました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account51](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account51](https://community.cybozu.dev/u/Legacy_Account51)\
**Post date:** [2022 年 12 月 2 日午前 7:52 UTC](https://community.cybozu.dev/t/topic/1202/3 "2022-12-02T07:52:32Z")

</div>

以下のようにイベントを追加しても結果は変わりませんでした

```
 kintone.events.on(["mobile.app.record.edit.show","mobile.app.record.create.show","mobile.app.record.create.change","mobile.app.record.edit.change"], function(event) {

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account142](https://avatars.discourse-cdn.com/v4/letter/l/eb9ed0/32.png) [@Legacy\_Account142](https://community.cybozu.dev/u/Legacy_Account142)\
**Post date:** [2022 年 12 月 2 日午前 9:07 UTC](https://community.cybozu.dev/t/topic/1202/4 "2022-12-02T09:07:41Z")

</div>

hirofu様

初めまして！pekoと申します。

フィールド値変更時には、対象のフィールドコードを入力する必要があります。  
以下のように、テーブルのフィールドコードを追加すると動くと思いますので、お試しくださいませ。

“mobile.app.record.create.change"→"mobile.app.record.create.change.[テーブルのフィールドコード]”  
“mobile.app.record.edit.change"→"mobile.app.record.edit.change.[テーブルのフィールドコード]”

参考：  
[https://developer.cybozu.io/hc/ja/articles/202166270#:~:text=%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB-,mobile.app.record.edit.change.%3C%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%82%B3%E3%83%BC%E3%83%89%3E,-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E7%B7%A8%E9%9B%86%E7%94%BB%E9%9D%A2](https://community.cybozu.dev/hc/ja/articles/202166270#:~:text=%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB-,mobile.app.record.edit.change.%3C%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%82%B3%E3%83%BC%E3%83%89%3E,-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E7%B7%A8%E9%9B%86%E7%94%BB%E9%9D%A2)&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account51](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account51](https://community.cybozu.dev/u/Legacy_Account51)\
**Post date:** [2022 年 12 月 5 日午前 1:18 UTC](https://community.cybozu.dev/t/topic/1202/5 "2022-12-05T01:18:34Z")

</div>

peko 様

テーブルのフィールドコードを指定しましたが、行追加したときは数字モードになりませんでした

---

<div class="post-metadata">

**Author:** ![Legacy\_Account51](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account51](https://community.cybozu.dev/u/Legacy_Account51)\
**Post date:** [2022 年 12 月 5 日午前 1:27 UTC](https://community.cybozu.dev/t/topic/1202/6 "2022-12-05T01:27:07Z")

</div>

“mobile.app.record.create.change.[フィールドコード]” は、テーブルの行追加のときには発火しないのでしょうか？

すでにある行を変更するときには、“mobile.app.record.edit.change.[フィールドコード]” が発火するので、数字モードになっているような気がします

---

<div class="post-metadata">

**Author:** ![Legacy\_Account142](https://avatars.discourse-cdn.com/v4/letter/l/eb9ed0/32.png) [@Legacy\_Account142](https://community.cybozu.dev/u/Legacy_Account142)\
**Post date:** [2022 年 12 月 5 日午前 2:12 UTC](https://community.cybozu.dev/t/topic/1202/7 "2022-12-05T02:12:16Z")

</div>

hirofu様

なるほどです。  
テーブルのフィールドコードを指定した場合、  
値の変更ではなく、行追加・行削除のタイミングで発火するはずなのですが・・  
（以下のリンクをご確認ください）

[https://developer.cybozu.io/hc/ja/articles/202166270#:~:text=%E2%80%BB%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6,%E3%82%8C%E3%81%9F%E3%82%BF%E3%82%A4%E3%83%9F%E3%83%B3%E3%82%B0](https://developer.cybozu.io/hc/ja/articles/202166270#:~:text=%E2%80%BB%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6,%E3%82%8C%E3%81%9F%E3%82%BF%E3%82%A4%E3%83%9F%E3%83%B3%E3%82%B0)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account51](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account51](https://community.cybozu.dev/u/Legacy_Account51)\
**Post date:** [2022 年 12 月 5 日午前 2:26 UTC](https://community.cybozu.dev/t/topic/1202/8 "2022-12-05T02:26:10Z")

</div>

peko 様

このリンク先の情報を見る限り発火するはずなのですが、実際には発火していないようです

---

<div class="post-metadata">

**Author:** ![Legacy\_Account142](https://avatars.discourse-cdn.com/v4/letter/l/eb9ed0/32.png) [@Legacy\_Account142](https://community.cybozu.dev/u/Legacy_Account142)\
**Post date:** [2022 年 12 月 5 日午前 2:38 UTC](https://community.cybozu.dev/t/topic/1202/9 "2022-12-05T02:38:38Z")

</div>

hirofu様

「すでにある行を変更したときにイベントが発火している」とのことですが、数値のフィールドコードを設定されてはおりませんでしょうか？  
念のため、再度見ていただけますでしょうか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account51](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account51](https://community.cybozu.dev/u/Legacy_Account51)\
**Post date:** [2022 年 12 月 5 日午前 2:48 UTC](https://community.cybozu.dev/t/topic/1202/10 "2022-12-05T02:48:24Z")

</div>

peko 様

該当フィールドは、数値になっています

---

<div class="post-metadata">

**Author:** ![Legacy\_Account142](https://avatars.discourse-cdn.com/v4/letter/l/eb9ed0/32.png) [@Legacy\_Account142](https://community.cybozu.dev/u/Legacy_Account142)\
**Post date:** [2022 年 12 月 5 日午前 5:10 UTC](https://community.cybozu.dev/t/topic/1202/11 "2022-12-05T05:10:55Z")

</div>

hirofu様

伝え方が悪く、すみません。

mobile.app.record.create.change.\_ **テーブルの** \_フィールドコード  
になっておりますでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account51](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account51](https://community.cybozu.dev/u/Legacy_Account51)\
**Post date:** [2022 年 12 月 5 日午前 5:33 UTC](https://community.cybozu.dev/t/topic/1202/12 "2022-12-05T05:33:18Z")

</div>

peko 様

以下のように、"mobile.app.record.create.change.テーブルのフィールドコードになっています  
テーブルのフィールドコードは、重量です

```
jQuery.noConflict();
(function($) {
 "use strict";
kintone.events.on(["mobile.app.record.edit.show","mobile.app.record.create.show","mobile.app.record.create.change.重量","mobile.app.record.edit.change.重量"], function(event) {
 $('.gaia-ui-decimal-input-input input').attr('type', 'number');
 return event;
 });
})(jQuery);

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account51](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account51](https://community.cybozu.dev/u/Legacy_Account51)\
**Post date:** [2022 年 12 月 5 日午前 6:02 UTC](https://community.cybozu.dev/t/topic/1202/13 "2022-12-05T06:02:16Z")

</div>

peko 様

テーブルのフィールドコードの意味をはき違えていたようです。  
私が設定していたのは、テーブルの中の項目に対するフィールドコードでした。

テーブルのフィールドコードに変更したら、できました。

ご指南ありがとうございました。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 12 月 13 日午前 7:41 UTC](https://community.cybozu.dev/t/topic/1202/14 "2023-12-13T07:41:15Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。