是否有可能改变响应性的元素?

时间:2018-04-09 16:31:15

标签: javascript css reactjs

只是想知道是否可以在某个断点处将div更改为输入?

我有一个包含一些名字的div然后当我切换到移动设备时,我希望这个div可以编辑,所以我可以更改名称。

我想我有2个选项,更改元素类型或使onChange函数仅适用于移动设备。

可能吗?

可以发布代码,但基本上只需要指南或解决方案如何执行此操作

1 个答案:

答案 0 :(得分:0)

首先,要检测移动浏览器,您可以使用

  if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {

然后,在您的页面上,使用两个元素 - div和输入(或textarea),并始终隐藏其中一个元素。看起来你想听点击DIV以启用INPUT,或者?并且您希望输入上的键监听器更新DIV以及另一个侦听器来处理隐藏输入字段并再次显示DIV