Tag: html5

HTML5canvas中的中心(比例字体)文本

我希望能够在我可以计算的矩形区域中居中单行文本。 我期望在canvas上的二维几何中做的一件事是将宽度未知的东西居中。 我听说作为一种解决方法,您可以在HTML容器中创建文本,然后调用jQuery的width()函数,但是我没有正确处理文档正文的瞬间添加? 并得到宽度为0。 如果我有一行文本,比填充屏幕中的大部分宽度短得多,我如何知道在我知道的字体大小的canvas上有多宽? TIA,

HTML5“必需”validation未在Mozilla Firefox中显示错误消息

这是一个特殊问题,但仅在特定版本的Mozilla Firefox 53.0b9中发生。 HTML5“必需”validation没有显示任何错误消息,但对于Firefox 52.0.2和54.0a2,它工作正常。 请建议我解决这个问题,或者向我提供任何文章,我发现这是一个Firefox 53.0b9错误。 提前致谢。

jquery点击事件未在Internet Explorer上触发

当用户点击标签时,我正在尝试做某事。 …. 我试图让click事件被触发它正在使用chrome和safari但不能在IE 11上运行。 $(“.my-label”).click(function(){ }); 我试过,绑定,活着,但没有成功。 请帮我解决一下这个。 花了2天时间,在这里疯了。 谢谢。

快速打印HTML5canvas

我想将canvas图像直接发送/打印到默认打印机。 这意味着快速打印。 任何人都可以提示。 Javascript或jQuery。

在有孩子的’contenteditable’div中设置Caret Position

我有这样的HTML结构: This is some plain, boring content. 我也有这个function,允许我将插入位置设置到div中我想要的任何位置: // Move caret to a specific point in a DOM element function SetCaretPosition(object, pos) { // Get key data var el = object.get(0); // Strip inner object from jQuery object var range = document.createRange(); var sel = window.getSelection(); // Set the range of the DOM element range.setStart(el.childNodes[0], […]

HTML5“占位符”支持

如何确定浏览器是否支持HTML5占位符标记,以便我可以决定是否挂钩我的jQuery占位符插件。

设置自定义文件名datatables导出带有选择文本的excelHtml5

我想知道如何设置一个自定义文件名导出数据表按钮excelHtml5与选择,我做了一个function来传递名称,但没有设置它生病了我的js代码。 警报它反映了变化,但当我调用数据表中的excel按钮时,它是空的。 这是代码: var reportName = ’24 afterhours ‘; $(‘#example’).DataTable({ dom: ‘Bfrtip’, buttons: [ { extend: ‘excelHtml5’, title: reportName }, { extend: ‘pdfHtml5’, title: ‘Data export’ } ] }); $(‘#campaing’).change(function() { reportName += $(this).find(“:selected”).text() + ‘ report’; }); 我想我可能会遗漏一些东西。

使用jquery和ajax将json对象发布到mvc控制器

我试图从表单中提交一些值到我的mvc控制器。 这是我的控制器: //Post/ Roles/AddUser [HttpPost] public ActionResult AddUser(String json) { Log.submit(json); return View(); } 这是js: function submitForm() { var usersRoles = new Array; $(“#dualSelectRoles2 option”).each(function () { usersRoles.push($(this).val()); }); console.log(usersRoles); jQuery.ajax({ type: ‘POST’, url: “@Url.Action(“AddUser”)”, contentType: “application/json; charset=utf-8”, datatype: ‘json’, data: JSON.stringify(usersRoles), success: function (data) { alert(data); }, failure: function (errMsg) { alert(errMsg); } }); […]

文件输入javascript点击生成的不是真正的鼠标点击铬

我在chrome打开文件输入类型的文件上传弹出窗口时遇到了麻烦。 正如你在这里看到的: http : //jsfiddle.net/cavax/K99gg/3/ ,单击一个元素可以触发对文件输入的单击,但是例如,hover一个元素不会触发对输入的单击。 $(‘#test’).on(‘click’, function(){ $(‘#upload’).trigger(‘click’); }); $(‘#test’).on(‘mouseenter’, function(){ $(‘#upload’).trigger(‘click’); }); 在现实生活中我遇到了这个麻烦,因为在一个网络应用程序中,我正在加载一个内容输入文件中的ajax内容。 在加载结束时,弹出文件必须打开,但无法在Chrome上运行(在FF上工作)。 我猜的问题是鼠标单击(hover,超时等)不会产生动作,因此chrome不会触发fileupload。 我也试过这个: http : //jsfiddle.net/cavax/K99gg/7/ ,所以点击元素,等待然后触发点击但没有,因为点击中间有“settimeout”触发 :( $(‘#test’).on(‘click’, function(){ setTimeout(function(){ $(‘#upload’).trigger(‘click’); }, 3000); }); 如果你删除延迟: http : //jsfiddle.net/cavax/K99gg/8/它是否有效任何想法让这项工作?

所有主流浏览器都支持HTML 5吗?

我在这里查看html 5的自定义属性functionhttp://ejohn.org/blog/html-5-data-attributes/ 当我使用jquery / javascript时,这看起来很完美。 我的问题,所有主流浏览器都支持HTML 5吗? 例 John says: Hello, how are you?