JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Javascript HTML5捕获keyCode并写入Canvas大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在编写一个应用程序,我需要在其中模拟textarea.我知道如何处理它的唯一方法是捕获关键事件的keyCode.如何使用keyCode并支持utf-8将其应用于画布?

干杯

解决方法

这似乎是一个坏主意,因为文本输入有一个非常多的文本输入,textarea免费提供(插入符号,选择,剪切,粘贴,拖放,箭头键处理等),但这里有两件事你需要做 :

>给你的< canvas> tabindex属性,以便可以获得焦点,从而引发关键事件;
>将一个按键(不是keydown)处理程序添加到< canvas>捕获文本输入的元素.

码:

<canvas id="textarea" tabindex="1" width="300" height="200"></canvas>

<script type="text/javascript">
   var el = document.getElementById("textarea");
   el.onkeypress = function(evt) {
       var charCode = evt.which;
       var charStr = String.fromCharCode(charCodE);
       alert(charStr);
   };
</script>

大佬总结

以上是大佬教程为你收集整理的Javascript HTML5捕获keyCode并写入Canvas全部内容,希望文章能够帮你解决Javascript HTML5捕获keyCode并写入Canvas所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。