我正在制作一个主要针对Android平台的PhoneGap应用程序,我一直在替换各种表单元素的一些默认行为,因为我正在使用触摸事件,我已设法重新初始化一些默认行为,如下所示:
function addSlideToRemove(element) {
element.addEventListener('touchstart', function(e) {
e.preventDefault();
var touchobj = e.changedTouches[0];
window.touchStartX = parseInt(touchobj.clientX);
hoveredElement = document.elementFromPoint(touchobj.clientX, touchobj.clientY);
function toggleCheckbox(element) {
if (element.checked == true) {
element.checked = false;
} else {
element.checked = true;
}
}
switch (hoveredElement.tagName) {
case 'INPUT':
if (hoveredElement.getAttribute('type') == 'checkbox') {
toggleCheckbox(hoveredElement);
} else {
hoveredElement.focus();
}
break;
case 'LABEL':
labelFor = hoveredElement.getAttribute('for');
toggleCheckbox(document.getElementById(labelFor));
break;
}
}, false);
}
所以,现在我已经得到了他们或他们相应的标签被触摸时获得焦点的字段,但是我遇到了日期字段的问题。他们获得了焦点,但我不知道使用JavaScript切换<input type="date" />
日期填充的方法。
我不想依赖第三方JavaScript库或插件来获取单个日期选择器,因为本机安卓程序是我计划使用的那个,而我正在尝试保留尽可能多的Android用户经验。