求助前端，input实时监听，也就是字体网站的原理

蹴鞠

打算做个页面，成自己的小字体网。

但是在
[ol]

         

  Font

     
确定

   

   

   

[/ol]复制代码
这个JS出了问题，只识别一个ID，就没办法用不同的CSS来多字体显示。

求问大佬，我要怎么才能输出成不同的CSS显示。

hasamol7468

本帖最后由 hasamol7468 于 2020-3-18 10:08 编辑



​是​我​的​知​识​盲​区​了 ​楼​下​大​佬​解​答​吧   
​​​​

（正常来说一个页面只能一个ID吧 这个可能需要通过class获取？）
------------------
[ol]

  Font

    确定

        确定

   

   

   

[/ol]复制代码
兼容性未知，感觉还是jquery的选择器舒服哈哈
$(".btn")或者$(".paper-raise")就能搞定哈哈

zxzf

楼下一定有会的

繁花似锦

用VUE框架吧

Evan

什麽意思？點擊不同的按鈕改變字體？

蹴鞠

Evan 发表于 2020-3-18 09:55

什麽意思？點擊不同的按鈕改變字體？
就是我把每一个字体做成CSS，然后我有个input框，我在这个框里面输入内容，然后页面中的CSS，就实时显示我输入的内容。就等于我可以实时预览我这些字体出来是什么样子

蹴鞠

hasamol7468 发表于 2020-3-18 09:52

​是​我​的​知​识​盲​区​了 ​楼​下​大​佬​解​答​吧   ​​​​
（正常来说一个页面只能 ...
谢谢老哥，我试试

yrj

你用了 click事件，所以是点击后触发事件而不是实时。再有，你的代码就是把一段input内容放进a标签，没看到你说的css之类的操作。你的演示demo是不是精简过度了

蹴鞠

ruthbaldwin 发表于 2020-3-18 10:19

HTML:
感谢大佬